PF3686 发表于 2020-12-4 02:48:23

从零开始的小程序搭建指南

微信发布小程序已经几年有余了,前段时间还开放了小游戏,很多人都在摩拳擦掌,想搭一个小程序。
如何才能从零开始,搭建属于自己的微信小程序呢?
首先,注册小程序;其次,搭建本地开发环境或线上服务端环境;最后,完成开发、调试,进行发布。
先看下我的案例


https://p3.pstatp.com/large/pgc-image/1814f81363e547e9888601efa7ced04f一度打卡


https://p3.pstatp.com/large/pgc-image/469ba7e5e6ac479bb0423d3cc646f6b1潘多拉追剧


如何搭建本地开发环境?
虽然听着有些麻烦,实际上,小程序已有完善的开发工具,下个安装包一键安装即可~
https://p3.pstatp.com/large/pgc-image/cda05753f9f442e8a7bbc8b08a65e001
然后,运行开发者工具,根据提示用微信登录,填写信息创建项目,就能开始制作属于自己的小程序了~
https://p3.pstatp.com/large/pgc-image/22f4861a70c34b4698a12f1a8911784f
至于具体如何开发小程序,除了参考官方文档、寻找一些教程外,也可以下载一些Demo演示进行学习~
比如,下图就是官方的小程序Demo——“小相册”。
https://p1.pstatp.com/large/pgc-image/28d10ec8bd2641d4887baebcc939bcc2
如何搭建线上服务端环境?
不过,除了本地开发环境外,类似“小相册”这样的小程序,还需要搭建线上服务端。
一般而言,小程序服务端需要依赖Node.js、mongodb、Nginx等环境和软件,根据实际开发会有变化。
相当于搭建一个简单的http、网站服务器,网上有不少教程,整个操作可能略显繁琐,但不算复杂。
线上调试环境
如果只是用于调试,开发工具中,可以勾选以下选项,任意Linux主机均搭建服务端环境。
https://p3.pstatp.com/large/pgc-image/2ecdd770cc8341258dfefdc84041f8de
为了便于访问、调试,则可使用花生壳的内网穿透映射服务器。
https://p3.pstatp.com/large/pgc-image/20fcff1ae7444c58acf29b23cf64a5e1
搞定之后,无需公网IP,也可以使用固定域名进行访问、便于开发及调试。
https://p1.pstatp.com/large/pgc-image/650626f68aa445fc9ad64765c7e9612e

线上生产环境
但是,如果要发布小程序,所有的网络请求就要受到一些限制。
简单来说,就是域名必须走443端口的https协议,也就是说必须为域名申请SSL证书,并进行配置。
https://p1.pstatp.com/large/pgc-image/6c79335e25bd4a998e82b35900e6f00a

如果不希望云端、VPS等方式部署,想在本地部署,却又没有固定公网IP,同样可以用花生壳来解决。
但是,如果只有私网IP,想用443端口内网穿透,就需要独立服务器版花生壳了。
如何发布小程序?
我们在开发和测试完成之后,就可以将小程序发布给用户了。
https://p9.pstatp.com/large/pgc-image/4fe9eac7144f45ef93b228b7c8692352

在开发者工具中上传小程序代码,审核通过后,登录小程序管理后台找到提交上传的版本,后即可发布。
说了这么多,以上就是关于小程序搭建和开发的一些指南。
页: [1]
查看完整版本: 从零开始的小程序搭建指南