技术向,微信小程序开发后的发布流程详解

阿麦说应用amaishuo

导读

宅男阿麦君又来分享微信小程序发布的过程啦!

>> 事前准备~干货来了!

>> 预览及调试

>> 都做好了,那就发布喽!

时间提示

正文一共:2870字 ,20图

预计阅读时间:7分钟

昨天阿麦君教大家如何零基础入门,创建一个简易的小程序博客。不知道阿麦君是否有把步骤都讲清楚?不知道大家都学到了吗?

不知道关注@阿麦说应用(amaishuo)读者里,有多少是程序员呢?

很多读者可能跟着阿麦君学习创建简易小程序的时候,都用的破解版,可以解决网络请求等问题。

不过要发布,就需要申请真正的小程序账号,拿到AppID,才能在手机预览、及提交审核。

本文假设读者已经申请到了小程序的账号,拿到了AppID,并且也开发完了要上线的应用。今天阿麦君就带着大家走一遍微信小程序发布的流程~

1

事前准备:Https(干货)

首先要说明的一点是,正式上线后的网络请求的域名只能是申请时填写的域名,而且必须是https的。

一看到https估计很多开发者就苦脑了:这玩意没这么容易搞到。

不过阿麦君有办法,我们有https://letsencrypt.org/,完全免费可用的https,用go语言开发的,github地址:https://github.com/certbot/certbot。

用它来生成证书,导入到nginx里就可以用了。github里有它的使用方式,可能对于大部分读者来说,还是太复杂,为了方便大家使用,我把它打包成docker镜像了,通过:

sudo docker pull jsongo/certbot:latest

可以把镜像拉取下来,然后运行:

sudo docker run -it --rm -v /data/www:/data/www -v /etc/letsencrypt:/etc/letsencrypt jsongo/certbot certonly --webroot -w /data/www -d .com

注意,把上面的换成你的域名,/data/www都换成你的root路径就可以了。非常简单,用docker一步就可以搞定一个https证书。(如果读者没接触过docker,可以到网上搜索下如何安装到相应的linux系统上,然后再执行pull操作及上面生成证书的操作)

接下去把上面生成的证书导入nginx,方法也很简单,在相应的配置文件里加上:

listen 443 ssl;ssl_certificate /etc/letsencrypt/live/.com/cert.pem;ssl_certificate_key /etc/letsencrypt/live/.com/privkey.pem;

另外,用这个方法生成的https证书,也可以用在自己的网站上,让自己的网站更安全一些,关键是还不用钱。证书在大部分主流的浏览器上都测过没问题,至少比国内的大部分证书靠谱(国内的不少https证书都被谷歌等公司的浏览器封锁了)。加上这三个代码就ok了,重启nginx生效。

(这是阿麦君本人探索的方法,有什么法律问题阿麦君概不负责哈。不过letsencrypt声称是开源的,大胆用)

2

预览及调试

1.预览

开发者开发完一个应用时,为了查看有没有问题,或想看看真实的体验怎么样,都会选择在手机上先预览一下再发布。

如图,选择项目,再点击预览。如果你的appId没问题的话,这里就会先帮你打包上传代码,打包完之后的代码非常小,我们本例中的demo,只有20k左右。上传完之后,会弹出一个二维码。

只能用登录这个开发工具的账号扫描才可能预览。而且25分钟过期。

前几次扫描,由于要加载一些资源文件,所以会出现一个界面:

然后进入主页面,长这个样子:

看起来跟网页H5应用差别不大,主要还是在体验上(反应速度、流畅度等等)

2.调试

右上角“…”弹出来的菜单:

大家可能会注意到,它可以直接在手机上调试,点击“打开调试”可以先看下它的效果,会有一个提示:

需要你重新扫码进入。接着会有右下角显示一个按钮:

点击它就可以进入控制台,如下:

有两个主要的tab,一个记录程序打出来的普通日志,包含Info、Warn、Error等;另一个是系统的信息:

这里主要是查看系统及网络相关的一些信息

开发者在调试的时候,打出来的日志可以在第一个tab上查看,之所以需要这个控制台,可能还是因为小程序不支持alert,调试时不方便看数据。

3

发布

1.上传

2.提交前准备

登录微信小程序的后台,如图:

上传完之后,下一步就是提交审核。

不过在这之前,需要我们做几个操作:

(1)补充小程序的基本信息,如名称、图标、描述等

(2)如果发布者不是管理员,则必须要在这里添加开发者,进行代码上传和发布

(3)配置服务器域名,如果你的小程序用到了网络请求,那么这里要先在“设置”-“开发设置”里添加域名。

(4)提交审核

小程序的基础信息,如名称、图标等是这个账号全局的信息。logo图标一个月内可申请修改5次。而名称一旦设置,就不能再修改了,而且不得与公众平台已有的订阅号、服务号重复。

如果开发者本人就是管理员,则上面的第(2)步可以忽略,因为管理员“自动拥有开发者的所有权限,无需重复绑定”。

一个邮箱账号只能申请一个小程序,如果想开发多个小程序怎么办?

官方已调整发布有说明:

1.个人主体注册公众号数量上限由5个调整为2个;

2.组织类主体注册公众号数量上限由50个调整为5个。

所以设置名称要谨慎,一旦设置了一个,你就少了一次机会。

另外,对于服务器域名,再次强调一下,一定要配置https,否则你是没办法用api进行网络数据请求的。

3.提交审核

前面的准备工作做完后,点击左侧的“开发管理”菜单,就可以看到之前我们上传的包:

点击提交审核,弹出二维码:

扫码通过之后,进入补充审核信息的页面:

这里可以绑定测试微信号,这个号最好是用户不常用的账号,因为微信的审核人员要登录你的这个账号进行审核。当然不提供这个测试账号也没事,这个功能感觉有点鸡肋。

下方区域要配置添加功能页面:

这些功能页面,主要是为了方便用户快速搜索到你的应用。可以添加多个功能页面,增加被搜索到的概率。

填写完之后,提交审核。

上图,提交后会显示“审核中”,大概两三个工作日会通过(这是作者的小程序审核的时间,这个时间不一定,看具体情况)。右边有个“详情”链接,点击可查看版本详情:

最后通过审核时,就可以看到如下界面:

剩下的就是等审核通过喽~

不知道阿麦君今天的教学有没有讲清楚呢?

不知道大家学会了吗~

- END -

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180420G1HKVO00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券