A-A+

微信小程序开发文档及微信Web开发者工具介绍

2018年02月13日 移动设备 阅读 1,014 views 次

微信小程序开发文档的地址为:https://mp.weixin.qq.com/debug/wxadoc/dev/,开发文档共分为6个部分:简易教程、框架、组件、API、工具和Q&A。

简易教程提供了一个Hello World微信小程序教程,从获取微信小程序的AppID、用微信web 开发者工具创建项目、编写代码到手机预览,一步一步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语和当前用户的微信头像、点击头像,可以在新打开的页面中查看当前小程序的启动日志。该分类下体验小程序页面提供组件和接口体验的方法,更新日志显示基础库和开发工具最近的更新历史。

框架讲解小程序MINA 框架的知识,包括目录结构、配置、逻辑层和视图层。

组件介绍小程序的一系列基础组件,包括视图容器、基础内容、表单组件,导航媒体组件、地图、画布、客服会话等。

API介绍框架提供的微信原生API, 包括网络、媒体、文件、数据缓存、位置、设置、界面和开放接口等。

工具介绍微信web 开发者工具的使用方法,包括模拟器使用、代码编辑、调试工具、项目预览等。

Q&A 列举常见问题I的解答,读者遇到一些莫名其妙的问题可以先在这里找答案。此分类下还有开发者社区的入口。

微信Web开发者工具可在https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html下载。安装完成后运行开发者工具,使用微信账号扫码登录,选择小程序项目,创建小程序项目。

创建完成后即可进入小程序开发界面。

程序编写完成后可在左侧的手机模拟器中进行调试。点击“切后台”可以模拟将小程序切换到后台运行。通过下部调试器的Sensor面板可以模拟手机的地理位置调试重力感应API。通过Wxml标签可以查看源代码中的wxml文件,通过Sources面板可以查看编译后的HTML代码,并可以在此处打断点调试JS程序。在AppData中可以查看程序在运行过程中的数据交互情况。

更多关于微信Web开发者工具的介绍可参考微信官方帮助文档:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html。

个人公众号“数字化设计CAX联盟”,欢迎关注,共同交流
标签:
为您推荐:

给我留言

© 坐倚北风 版权所有 严禁镜像复制 苏ICP备15034888号. 基于 Ality 主题定制 AliCMS
联系邮箱:leanwind@163.con,微信公众号:数字化设计CAX联盟

用户登录

分享到: