微信小程序开发流程

Danny 艺宵网憬

  2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线,一夜之间,小程序可谓家喻户晓,但通过接下来的几个月的观察,微信小程序并没有想象中的那么火爆。进入4月以来,微信小程序团队进行了多次发文调整,并放开了个人公众号快速注册小程序能力。可以明显感觉到,微信小程序已经在发力了。不管未来如何,作为一名码农,咱还是先了解下小程序的开发流程及规范,以备不时之需!

  按照惯例,学习一门新技术或者新框架,咱们还是从官方提供的文档开始,于是找到微信小程序官方教程(https://mp.weixin.qq.com/debug/wxadoc/dev/)

  1、注册微信小程序账号

  按照文档指引,咱们得先注册一个微信下程序的账号,访问地址(https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN),选择“小程序”,按要求填写相关信息即可完成微信小程序的注册。(ps:微信严格区分个人公众号与小程序,因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同)

微信小程序开发流程

  2、获取微信小程序的 AppID

  注册完成后登录,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。

微信小程序开发流程

  3、下载微信小程序开发者工具

  由于微信小程序的代码及规范相对封闭,因此按照微信官方的说法,为了帮助开发者简单和高效地开发微信小程序,推出了全新的开发者工具(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html),集成了开发调试、代码编辑及程序发布等功能。

  4、创建demo项目

  下载完成后,选择创建“项目”,填入上一步获取到的AppID,设置本地项目的名称(非小程序名称),如:demo,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

  为了方便上手,咱们先使用微信官方提供的样例源码(https://mp.weixin.qq.com/debug/wxadoc/dev/demo/quickstart.zip)。

  微信小程序开发流程

  项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

  5、手机预览

  开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。

微信小程序开发流程

  6、代码上传

  开发者工具左侧菜单栏选择"项目",点击"上传"即可将代码上传到微信小程序服务器。

  

  7、小程序发布

  登录微信公众平台并访问小程序首页(https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN),按要求完成第1步,填写小程序相关信息及用户身份信息(暂时可绑定5个开发者和10个体验者),然后点击第2步“前往发布”按钮,按要求填写小程序相关信息及版本信息即可提交审核。

微信小程序开发流程

微信小程序开发流程

  至此,微信小程序相关流程已经基本走完,接下来等待微信官方审核,然后与具体的微信公众号绑定即可进行访问。

  ps:关于微信小程序具体的代码编写及规范可详见微信官方的开发者文档,这里就不做详细介绍了。

大家都在看

微信读书是如何让人上瘾的?
微博微信

微信读书是如何让人上瘾的?

Danny 2018-06-15 110浏览 0评论

最近迷上了微信读书,上下班的地铁上,吃饭中,甚至是去个洗手间都要打开微信读书看一会,曾经用来漫无目的刷微博、刷新闻的零碎时间,现在都被微信读书慢慢地占据了。...

微信朋友圈屏蔽抖音的真实原因
微博微信

微信朋友圈屏蔽抖音的真实原因

Danny 2018-03-25 2673浏览 0评论

2018年2月12日,微信官方发布“关于打击违规春节线上活动的公告”,微信表示,根据《微信公众平台运营规范》及《微信外部链接内容管理规范》的规定,微信明确禁止诱导等行为,包括但不限于腾讯体育、拼多多、今日头条、京东、饿了么等网络平台通过发红包、会员、优惠券等方式,诱导用户转发分享,严重影响朋友圈、群聊等功能...

微信“跳一跳”小游戏第二个植入广告耐克2000万成功入驻
微博微信

微信“跳一跳”小游戏第二个植入广告耐克2000万成功入驻

Danny 2018-03-01 195浏览 0评论

微信跳一跳小游戏继春节与麦当劳合作推出第一个广告后,今日,耐克广告正式上线,微信小游戏跳一跳商业化之路开始运作。 据万能的大叔公众号爆料,跳一跳植入的广告品牌由张小龙亲自挑选,外加2000万广告费用,第一波广告招商已经结束,第二波目前还不清楚。 记者体验后发现,玩跳一跳小游戏过程中,少则跳过几个方块,多则...

微信小程序开发流程
微博微信

微信小程序开发流程

Danny 2018-02-07 94浏览 0评论

2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线,一夜之间,小程序可谓家喻户晓,但通过接下来的几个月的观察,微信小程序并没有想象中的那么火爆。进入4月以来,微信小程序团队进行了多次发文调整,并放开了个人公众号快速注册小程序能力。可以明显感觉到,微信小程序已经在发力了。...

微选为微商再造红利?微信开启电商新模式
微博微信

微选为微商再造红利?微信开启电商新模式

金平童鞋 2018-01-26 238浏览 0评论

微信这个巨无霸拥有流量我们自然不必多说,也正因为微信,才有了"微商"这样一个新时代的创业群体,这次腾讯针对微信购物入口的开放招商,也许是微商的一次新的机会。入驻门槛低:不限类目不限行业,入驻方便;平台不限制成交渠道,主打商品曝光与粉丝导入。巨大流量:微信发现频道中"购物"一级入口,千万级别的流量曝光;微...

微信好友朋友圈仅三天可见,你就要拉黑?
微博微信

微信好友朋友圈仅三天可见,你就要拉黑?

李佳 2017-06-16 128浏览 0评论

喊拉黑的人表示很委屈:陌生人之间都能看十天的朋友圈,我跟你好歹是好友关系,你却只给我留了三天的“查看权”。这就好比,欧阳克兴致勃勃地向黄蓉介绍西域的别有洞天,黄蓉却让他在桃花岛连路都找不着。...

微信公众号拿下数千万的风投秘诀是什么?
微博微信

微信公众号拿下数千万的风投秘诀是什么?

Danny 2017-04-14 160浏览 0评论

很多人会问她是如何做到?为何短短一年间可以从默默无闻做到价值千万?那我们在看看其他的例子。公众号:十点读书,A轮融资500万,估值3000万,只有25万精准粉丝;公众号:玩车教授,运营三个月后,粉丝达到10万,不仅签下第一笔10万元的广告,还拿到1500万的天使投资,B轮融资估计达到6个亿。...

微信和支付宝等获得香港第三方支付牌照
微博微信

微信和支付宝等获得香港第三方支付牌照

崔鹏 2016-08-26 105浏览 0评论

香港金融管理局正式发布第三方支付牌照,根据《支付系统及储值支付工具条例》向5家公司批出储值支付(SVF)牌照,分别为财富数据有限公司、Alipay Financial Services(HK)Limited、HKT Payment Limited、TNG(Asia) Limited及八达通卡有限公司。...

阅读原文 阅读 100000+