微信小程序开发尝试

作者 汪小祯 日期 2016-12-29
Web
微信小程序开发尝试

相关资源

官网教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161222

开发工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161222

正式上线时间:2016年1月9日

1.注册相关

首先需要注意的
个人用户无法申请微信小程序

1.1.允许申请的主体类型

企业,政府,媒体,其他组织

目前看来,和个人关联最大的应该是企业-个体工商户
需要提交营业执照进行注册

2.使用相关

1.首先先确认一点,二维码必须通过扫才有效,从相册读取是无效
2.其次,平板端的微信无法运行小程序

以上为公测时的结果,至于正式上线后,会不会在手机应用列表里面也出现个应用图标,可以直接打开还未知。

2.1.打开小程序

打开微信-扫一扫-扫描二维码即可直接打开

首先弹出一个加载动画,这个加载动画为商家的商标
每个商家注册后会有一个Appid,通过这个id开发的所有程序,加载动画都会为这个商标
然后加载完毕后(0.5-3s),会直接弹出

2.2.小程序的界面

看起来和原生的App相同,但是不同的是 左滑会直接返回微信
另外感觉不及原生的App一样流畅
但从已知开放的接口来看
做一个点菜小程序,买票小程序,结合自带的微信支付,是很简单的事情

3.开发相关

首先下载开发工具,目前仅支持Win平台和Mac平台,对Linux不支持。

开发工具的名称是微信Web开发者工具
打开后首先需要扫码,用自己的微信账号登录,无论是否注册为开发者都可以登录

以上有图标的,是以注册的Appid导入的项目,没有图标以</>显示的,是以无Appid导入的项目
两者不同的一点是,前者可以生成二维码在真机上扫码运行,后者不可

3.1.添加项目

点击添加项目后,会出现以下的界面

需要注意的一点是,第一行AppID,首先需要商家将你的微信号添加为开发者
然后需要填写商家注册的Appid。

3.2.开发界面

新建一个最基本的界面,以下每个文件的用法在官网的简易教程中有。

3.3.浏览项目

如果我们已经是开发者,即可点击项目-浏览

扫码

此时为生成一个二维码,开发者用手机直接扫码即可打开微信小程序

默认的HelloWorld工程

4.总结

首先,个人用户无法申请小程序,那么小程序最小的运营单位也是团体,而不是个人。
其次,小程序无法推送数据,按照张小龙的说法,适用的场所是即用既走,而二维码只能扫描不能从相册读取也说明了这点。
基于以上两点,我认为最普遍的使用场景应该是以下
对于政府,企业来说,取https://img.wxz.name/
对于个体经营商来说,只需要在桌面上放一个二维码,客户即可扫码,然后打开菜单点餐,接着用微信支付付款买单。轻松方便

附录:

部分微信小程序界面浏览