微信小程序开发系列一：微信小程序的申请和开发环境的搭建

jeffrey_up 发布于2019-08-23 12:29 / 1136人阅读

摘要：我最近也刚刚开始微信小程序的开发，想把我自学的一些心得写出来分享给大家。这是第一篇，从零开始学习微信小程序开发。安装完毕后启动微信开发者工具，会要求我们指定一个本地项目目录和填写微信小程序的。

我最近也刚刚开始微信小程序的开发，想把我自学的一些心得写出来分享给大家。

这是第一篇，从零开始学习微信小程序开发。主要是小程序的注册和开发环境的搭建。

首先我们要在下列网址申请一个属于自己的微信小程序：

https://mp.weixin.qq.com/cgi-...

点击按钮“前往注册”。注意我们需要使用一个没有注册过微信小程序或者微信公众号的邮箱。我用的是网易邮箱。注册之后，邮箱会收到一封激活邮件。

激活之后，就可以进入小程序主体信息登记页面了。这里需要使用身份证号码和手机验证码进行登记。

登记完毕之后，就可以进入微信开发者工具了。我选择的是小程序项目：

这是我注册的用于学习目的的微信小程序：

在开发管理->开发设计菜单里，找到我们刚才注册的微信小程序的ID：抄下来，后面要用。

接下来，在下面这个链接去下载微信开发者工具：

https://developers.weixin.qq....

大家可以把它当成是一个集成开发环境（IDE）。

安装完毕后启动微信开发者工具，会要求我们指定一个本地项目目录和填写微信小程序的AppID。这个ID我们前一步已经抄下来了。

直接填进去，勾上“建立普通快速启动模板”，然后微信开发者工具会自动帮我们创建一个Hello World版本的微信小程序资源文件出来。

自动创建好的小程序如下图所示，就是一个Hello World的文本。

我们点击“上传"按钮：

随便维护一个版本号，比如1.0.0, 然后点击”上传“。

然后回到小程序管理后台，能看到我们上面通过微信开发者工具上传的1.0.0版本的小程序了。我们点击”提交审核“右边的下拉菜单，选择”选为体验版本“：

会生成一个体验版的二维码，这时发送给你的朋友，就可以使用这个小程序了。

当您的朋友在手机上扫描该二维码，会看到如下界面：该小程序标注了"体验版"的提示：

点击"前往体验版", 就能看到微信开发者工具自动生成的Hello World小程序了。

这个系列的下一篇文章，我会把我分析微信开发者工具自动生成的这些资源文件的心得分享给大家。

要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:

GPU云服务器云服务器微信小程序开发程序微信小程序的开发微信小程序是怎么开发的怎么开发自己的微信小程序

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98613.html

微信小程序开发系列二：微信小程序的视图设计

摘要：安装完毕后启动微信开发者工具，会要求我们指定一个本地项目目录和填写微信小程序的。我最近也刚刚开始微信小程序的开发，想把我自学的一些心得写出来分享给大家。 showImg(https://segmentfault.com/img/remote/1460000016772885); 这是第一篇，从零开始学习微信小程序开发。主要是小程序的注册和开发环境的搭建。首先我们要在下列网址申请一个...

Ryan_Li 2019-08-23 12:29 评论0 收藏0
微信应用号（小程序）资源汇总（1010更新）

摘要：微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源，方便查阅和学习，欢迎大家提交新的资源，完善和补充。 wechat-weapp-resource 微信应用号（小程序）资源汇总。每天不定期整理和收集微信小程序相关资源，方便查阅和学习，欢迎大家提交新的资源，完善和补充。 showImg(https://segmentfault.com/img/remote/1460000...

赵春朋 2019-08-29 11:20 评论0 收藏0
微信应用号（小程序）资源汇总（1010更新）

摘要：微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源，方便查阅和学习，欢迎大家提交新的资源，完善和补充。 wechat-weapp-resource 微信应用号（小程序）资源汇总。每天不定期整理和收集微信小程序相关资源，方便查阅和学习，欢迎大家提交新的资源，完善和补充。 showImg(https://segmentfault.com/img/remote/1460000...

piapia 2019-08-20 11:12 评论0 收藏0
微信小程序资源汇总整理

摘要：有问题可通过微博联系我开源项目微信小程序微信小应用资源破解文档微信小应用示例代码文档简易教程开发者工具文档文档视图组件文档常见问题教程微信小程序开发文档微信公众平台文档微信小程序怎么开发玩物志用一个上午上线了电商应用爱范儿有问题可通过微博联系我： http://weibo.com/jinfali 开源项目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...

guqiu 2019-08-29 11:20 评论0 收藏0