微信小程序开发指南,开发文档,开发案例

 因为本人没有小程序的内测资格,所以所有的开发及Demo都是无AppId的,如果哪位同学可以分享AppId,那感激不尽!

下载开发工具

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476197489869

在这里请注意,下载下来这个程序和以前的“微信web开发者工具”是同名同目录的,也就是说,如果你正在使用以前的“微信web开发者工具”的话你就需要将该程序的安装目录修改成别的名字,以免覆盖

 

第二步(创建第一个程序)

 

打开刚才安装的开发工具,然后按照下图流程操作

微信小程序开发指南,开发文档,开发案例_第1张图片

获取微信小程序的 AppID

如果你是收邀请的开发者,我们会提供一个帐号,利用提供的帐号,登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。

如果是游客模式,可以跳过本步骤

注意:如果我们不是用注册时绑定的管理员微信号,在手机上体验该小程序。那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。


微信小程序开发指南,开发文档,开发案例_第2张图片微信小程序开发指南,开发文档,开发案例_第3张图片

进入项目

整个开发工具基本分为三块。

第一列:table-item 每个按钮代表一个页

第二列:webview  你的页面在这里实时展示

第三列:chrome调试工具,在这里可以调试页面的样式,js,网络检测,输入输出等。




微信小程序开发指南,开发文档,开发案例_第4张图片


官方文档教程1:http://bcoder.cn/wxopen/

官方文档教程2:http://bing.aliaii.com/wxopen/

例子:https://git.oschina.net/xazyl/wxxcy/attach_files


你可能感兴趣的:(微信小程序)