全栈开发之路怎么能少得了小程序开发呢,下面我将详细介绍一个微信小程序从开发的部署的全过程;

一、在开始之前,先解释以下几个误区;

1.微信小程序个人号是可以开发并发布的;

微信开发者工具小程序代码wxml在哪里填 微信小程序 开发者_微信开发

2.微信小程序发布的体验版和正式发布版本必须要https协议,也就是说必须要有ssl证书;

3.微信小程序没有说必须要购买腾讯云服务器,不管是用阿里云还是其他服务器均可,只要是一台公网可以访问的服务器即可;

4.微信小程序编码开发不一定非得用微信开发者工具,但是调试和发布必须要使用微信开发者工具;

5.开发时尽量阅读微信小程序文档解决问题 地址

二、下面开始正式开始小程序的开发搭建流程;

1.先去注册一个邮箱,不管是网易邮箱或者qq邮箱均可,只要能收到验证的邮箱即可;注册地址

2.登录进入小程序后台管理 地址

3.利用后台的地址生成小程序初始代码 在后台右上角;

微信开发者工具小程序代码wxml在哪里填 微信小程序 开发者_微信小程序_02

4.下载微信开发者工具,并导入项目;下载地址

5.微信小程序导入后,可通过微信开发者工具、webstorm等均可进行开发

三、微信小程序如何部署

1.开发者工具左上角有个推送按钮,会提示输入版本号,输入完成后如果推送成功则表示文件大小合理,因为微信小程序的最大是不能超过2M;

2.配置https

(1)申请https证书;阿里云购买的域名可以进入域名页面免费申请一次证书,使用期为1年;也可以自己购买证书,不过学习阶段可能没有多大必要;

(2)nginx代理,在nginx.conf中添加如下配置,注意的就是cert.pem和cert.key都是是放在nginx.conf的同级目录cert中;

server {
        listen 443;
        server_name xx.fwerf.cn;
        ssl on;
        ssl_certificate   cert/cert.pem;
        ssl_certificate_key  cert/cert.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;
        location / {
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Host $http_host;
            proxy_set_header X-NginX-Proxy true;

            proxy_pass http://127.0.0.1:9009/;
            proxy_redirect off;
        }
    }

3.完成第2步后,就是要在小程序的后台配置安全域名访问,这点很重要,我就是踩了这个坑在开发的时候总是找不到问题在哪里。

微信开发者工具小程序代码wxml在哪里填 微信小程序 开发者_微信小程序_03

配置安全域名

微信开发者工具小程序代码wxml在哪里填 微信小程序 开发者_微信开发者工具_04

4.完成上述配置后即可在版本管理里面提交发布

微信开发者工具小程序代码wxml在哪里填 微信小程序 开发者_微信小程序_05

5.至此即完成了微信小程序的发布;下面是开发的一个demo供大家参考,欢迎大家留言评论;