2019年03月01日 23:33
原创作品,转载时请务必以超链接形式标明文章原始出处,否则将追究法律责任。

最近手头有个小活,饭店会员管理系统。这个小系统包含一个后台管理,一个微信小程序。那么微信小程序如何开发呢,过程是怎么样子呢?今天我就来给大家阐述一下。

首先你得在微信公众平台注册一个账号,进入小程序部分。

image.png

点击开发,在右侧获取一个小程序密钥,并妥善记到脑子里或者持久化。

然后我我们再下载一个微信Web开发者工具,

image.png

点击+,可以新建项目。

image.png

输入注册时得到的appID,项目命名后点击确定。接下来就是新建页面,样式,编写逻辑,设置路由。

image.png

完了之后,我们需要将小程序上传至公众平台审核通过别人才能搜到。但是如果你是在本地调试,那么api可以调用本地的api,因为小程序要求的api必须是加密https安全连接并且需要域名,所以我们在本地测试的时候需要设置不校验合法域名等(项目)。

image.png

image.png

ok,如果是我们想发布一个预览版本,那怎么整呢?首先我们需要将测试通过的版本上传至公众平台。

image.png

上传以后,我们再回到公众平台。点击版本管理,发现右边有三个版本,线上版本,审核版本,开发版本。

我们刚上传的肯定的是开发版本

image.png

在这里你可以提交审核,也可以将其设置为体验版本,设置为体验版本也要求你提供的api必须有是https+域名访问的方式。所以需要提前申请好域名,购买SSL证书,部署好api。

image.png

其实对于阿里云来讲这些都很简单,两下就申请好了,不过备案可能就不是那么快了。

ok,接下来我们来到设置界面。

image.png

这里我们可以给小程序命名,上传头像,以及写介绍等。写完之后就是让别人来体验这个预览版本,进入目录成员管理。

在最底部有个体验成员,在这里你可以添加15个体验成员的微信。

image.png

ok,设置完成之后,我们再进入版本管理,点击开发版本下的体验版。

image.png

此时将此二维码分享给体验成员,体验成员就可以预览了。

image.png

打开瞧瞧页面是否显示正常

image.png

看起来一切安好,接下来我们登进去看看。

image.png

登进去了,说明我们的api没有问题。最后其实我们在写api的时候,最好加上auth的验证。

image.png

我们随便访问一个都是401错误,因为你没有经过oauth2身份认证。

image.png

好的,今天就说这么多,相信你看了我的文章对小程序不是那么陌生了。

发表评论
匿名  
用户评论
暂无评论