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

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

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

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

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

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

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

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

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

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

https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

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

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

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

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

我们点击“上传"按钮:

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

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

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

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

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

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

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

微信小程序开发系列一:微信小程序的申请和开发环境的搭建 1相关推荐

  1. 漫谈程序员系列:伤心小箭,你中了几枝

    程序员怎样说话才能让别人觉得舒服呢?这是个问题,我一时半会还搞不定它,因为我本身也不是一个"会说话"的程序员.我们换个角度来问,作为一个程序员,你不能接受哪些话? 否定性语言 有一 ...

  2. ZYNQ开发系列——PS和PL交互之PS端开发

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 ZYNQ开发系列--PS和PL交互之PS端开发 前言 函数封装 后记 前言 前面<ZYNQ开发系列--使用AXI4LITE接口进 ...

  3. 微信公众号开发系列-获取微信OpenID

    在微信开发时候在做消息接口交互的时候需要使用带微信加密ID(OpenId),下面讲讲述2中类型方式获取微信OpenID,接收事件推送方式和网页授权获取用户基本信息方式获取. 1.通过接收被动消息方式获 ...

  4. 漫谈程序员系列:一个老程序员的2014年终总结

    人生天地之间,若白驹过隙,忽然而已.蓦然回首,头上似霜雪,脸上似山川.我的 2014 啊,你就这么毫无眷恋地离我而去了.既然往事已不可追,未来尚未到来,在这年末岁首的间隙,就让我来回忆一下余烟尚存的 ...

  5. 漏刻有时API接口实战开发系列(13):小鹅通云服务PHP-API二维数组传参解决方案

    在使用小鹅通云服务API开发过程中,当传递二维数组时,后台总是提示The user id list must be an array.即传递的参数必须是数组. 文档请求标准格式 {"acce ...

  6. 微信开发系列之一 - 微信公众号开发的开发环境搭建

    文章系列目录 Wechat development series 1 – setup your development environment Wechat development series 2 ...

  7. 微信开发系列之八 - 微信公众号的地图集成

    文章系列目录 Wechat development series 1 – setup your development environment Wechat development series 2 ...

  8. 【转】storm 开发系列一 第一个程序

    原文: http://blog.csdn.net/csfreebird/article/details/49104777 --------------------------------------- ...

  9. 手机安全卫士开发系列(6)——程序主界面

    主界面的布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and ...

  10. django不修改数据库创外键_【实战演练】Python+Django网站开发系列03-Django初始配置与静态Index页面开发...

    #本文欢迎转载,转载请注明出处和作者. 1.Django配置 前面已经将开发环境准备好了,可以开始进行静态网页的开发. 先介绍一下django的目录与文件结构,有几个文件需要重点掌握的: settin ...

最新文章

  1. SpringBoot数据访问配置
  2. java java.lang.Long详解之三 大显神通的位移运算
  3. 硬件知识:固态硬盘相关知识介绍
  4. 关于easyui的一些小知识点(1)
  5. 《金领简历》精华 创业公司 面试机会 简历
  6. 如何访问环境变量值?
  7. JavaScript中this关键字的使用比较
  8. JQ 对于table的动态增减
  9. 拓端tecdat|互联网热门职位薪资对比报告
  10. 无线网络技术学习总结
  11. Java中如何删除文件呢?
  12. 求职面试-HR会问你什么问题?
  13. oracle查询本周本月本季本年时间
  14. 前端页面如何获取高德地图
  15. Hadoop3.x完全分布式运行模式配置
  16. 微信支付服务器繁忙,微信转不了账了怎么回事?微信转账显示系统繁忙怎么办?...
  17. HTML简易时钟教程,html5 svg简单的模拟时钟特效-HTML5动画
  18. 腾讯云网站备案咨询解答:网站能否备案?
  19. 浅谈工作/学习中找bug的思路_0_调试、try-catch以及打印报错信息和百度的方法、No default constructor for entity: com.gyf.bos.mod
  20. Cocos Creator源码和教程分享

热门文章

  1. python生成数据
  2. Django(part12)--模板的标签
  3. 回归树与基于规则的模型(part3)--回归模型树
  4. 第三次学JAVA再学不好就吃翔(part52)--String类的其他功能
  5. 第三次学JAVA再学不好就吃翔(part9)--基础语法之键盘录入
  6. 我常用的Markdown公式符号
  7. SAP UI5 初学者教程之二十四 - 如何使用 OData 数据模型试读版
  8. SAP Spartacus b2b 页面 popover append to body与否的不同行为
  9. 通过运行时单步调试弄清楚[(ngModel)]的双向绑定的工作原理
  10. 如何使用Angular的@Input()装饰器