微信小程序详细开发教程

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

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

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

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

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

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

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

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

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

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

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

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步后，就是要在小程序的后台配置安全域名访问，这点很重要，我就是踩了这个坑在开发的时候总是找不到问题在哪里。

配置安全域名

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

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

微信小程序详细开发教程相关推荐

python开发微信小程序-Django微信小程序后台开发教程的实现
1 申请小程序,创建hello world小程序 2 添加交互框和按钮 index. wxml cal {{ result }} index.wxss /**index.wxss**/ .input ...
❤️微信小程序云开发教程合集（视频+图文）免费❤️
一.视频版微信小程序云开发视频教程上线啦二.图文版 (1)预备知识 1. 怎么注册开通个人微信小程序 2. 微信小程序云开发教程-互联网软件的运作模式 3.微信小程序云开发教程-云开发对微信小程序 ...
Django微信小程序后台开发教程
Django微信小程序后台开发教程 1 申请小程序,创建hello world小程序 2 添加交互框和按钮 3 在服务器配置hello django 4 实现计算器接口 5 配置服务器将后端与微信小程 ...
【黄啊码】tp5+微信小程序商城开发教程
最近一直都有人问我要关于微信小程序的开发教程,之前啊码已经整理了一份教大家如何入门,具体如下: https://markwcm.blog.csdn.net/article/details/123350 ...
王者级微信小程序开发实战教学从零到高手搭建微信小程序框架开发教程
王者级微信小程序开发实战教学从零到高手搭建微信小程序框架开发教程小程序进阶王者级微信小程序开发实战教学课程,讲师手把手对同学们进行微信小程序开发的进阶实战,从零开始搭建,从本地到云端开始系统化的 ...
微信小程序云开发教程-微信小程序框架的介绍
同学们大家好,我是小伊同学,今天我们来学习微信小程序框架. 微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的.相同点在于他们使用的开发语言,代码结构以及代码的 ...
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布（3元获取腾讯云服务器带小程序支持系统）...
很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现 ...
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布小程序趟过的坑，你遇到几个？？
很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现 ...
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布
很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现 ...

微信小程序详细开发教程

微信小程序详细开发教程相关推荐

最新文章

热门文章