微信小程序开发流程

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-08-29 82浏览 0评论

子弹短信能够火爆的原因并非全部是因为其“高效”,更多是源自微信态度的傲慢。巨无霸之后的微信,变得越来越失去温度,从订阅号信息流的低效改版,到小程序的野心布局,微信从扮演到成为操作系统只用了1年时间。对于功能,再也没有早期那种围绕用户的设计,日益社会化的微信正在分化,逃离朋友圈也成为一种趋势,因此哪怕出...

企业微信深度体验报告
微博微信

企业微信深度体验报告

雪狼3辉 2018-07-28 122浏览 0评论

企业微信通过连接微信,连接企业内外沟通,连接企业内部各管理软件,以微信一致的沟通体验,将企业微信打造成专属于企业的互联网时代的连接器。本文是关于企业微信的深度体验报告。...

喜提和谐号,握手奥巴马,看看微商们都在干啥
微博微信

喜提和谐号,握手奥巴马,看看微商们都在干啥

Danny 2018-07-23 67浏览 0评论

朋友圈总是有这样的微商,他们兢兢业业的吸引着代理,力图展现自己品牌善于赚钱的形象,然而他们又不想简单直接粗暴的说「加入团队,有肉吃」。于是,他们想出了一个令人印象深刻的办法——炫富。用菜篮子提钱,在豪车上拍照,这都是微商简单直接又粗暴的炫富操作。...

今日头条是否已经超越了微博?
微博微信

今日头条是否已经超越了微博?

Danny 2018-07-09 86浏览 0评论

今日头条是靠综合资讯吸引读者的,开始就形成了多元化的读者群体和多元化的创作群体。这些群体的粘性是非常强的。当传统的文字新闻的关注度下降之后,今日头条保持了持续创新,“悟空问答”这一形式,把文字内容的粘性做到了极致。“西瓜视频”和“抖音短视频”,占据了视频领域的高地。...

免费投朋友圈广告!微信数字营销新能力开放,考虑过用户感受吗?
微博微信

免费投朋友圈广告!微信数字营销新能力开放,考虑过用户感受吗?

Danny 2018-07-09 93浏览 0评论

根据微信影响力报告来看,2017年由微信驱动的信息消费总额达2097亿人民币;微信占到用户总数据流量的34%;微信带动了3339亿元人民币的传统消费,包括旅游、餐饮、购物、出行等;微信在2017促成就业人数达2030万人,是2014年数据的两倍;在日本,接受微信支付的商店数量增加了35倍……毫无疑问,微信已经成为腾讯公司乃至中国...

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序开发流程

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

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

阅读原文 阅读 100000+