小程序开发部署流程

1,730 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第11天,点击查看活动详情

前言

目前手机的应用发展迅速,大部分的企业应用都需要支持小程序,那么开发小程序和部署需要那些过程呢?

小程序开发部署流程

图片.png

1 小程序申请

进入 mp.weixin.qq.com 页面,如果没有账号需要注册一个。

图片.png

1.1 点击选择“小程序”出现注册页面。

图片.png

1.2填写账号信息,包含邮箱,密码,验证码。

图片.png

1.3 登录邮箱,点击链接,进行验证。

1.4 进入信息登记界面,进行信息登记,分为主体信息登记和管理员信息登记

云服务器配置https

本文将以阿里云服务器为例。

2.1 登录阿里云,进入SSL证书控制台,点击申请SSL免费证书

图片.png

2.2 填写相关证书信息,填写信息完成后点击验证

图片.png

2.3 证书验证通过后,下载证书

图片.png

2.4 Nginx配置https

1.进入/etc/nginx/conf.d目录新增https.conf文件,内容如下:

server {
    listen  443 ssl;
    server_name  wmtest.skywares.com;
    ssl_certificate                  		/etc/nginx/ssl/test.pem;
    ssl_certificate_key            			/etc/nginx/ssl/test.key;
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    #配置将https请求转发到http
    location /app/wxuser/jscode2session/ {
        proxy_pass http://127.0.0.1:8580/app/wxuser/jscode2session;
    }
}

jscode2session:这个接口相信开发小程序的都明白。

2.修改nginx.conf文件:include /etc/nginx/conf.d/https.conf

图片.png

3.添加安全组开放443端口,不熟悉的朋友可以参考

juejin.cn/post/708497…

小程序开发

微信小程序开发,目前公司采用的uni-app框架开发,本文就不进行讲解,遇到问题可以查看官网uniapp.dcloud.io/

小程序发布上线

3.1 上传小程序代码

编译相关小程序代码,微信开发者工具,订部导航栏点击上传按钮

图片.png

如果你之前已经上传过了就会出现下面的提示:

图片.png

3.2 填写小程序的版本号和备注信息

图片.png

3.3 提交小程序审核

进入微信小程序官网mp.weixin.qq.com 进入【开发管理】选择刚才提交的版本,点击提交审核按钮。

图片.png

3.4 发布小程序

小程序审核通过后,点击开发管理的审核版本,点击发布即可。

总结

小程序的开发和部署过程还是比较麻烦的,申请过程需要遇到了很多问题,例如域名备案、小程序审核还需要验证企业经营范围是否满足等等问题。我们只能不断的发现问题、解决问题、总结问题才能不断前行。