所需的准备的东西:(蓝色文字可点击)
- 微信开发者工具
- HBuilder X
- 注册一个微信小程序
- 一台服务器
- 一个已备案的域名
所需运行环境:
- php 7.3
- MySQL 5.6
本次教程使用的是宝塔面板,如不懂的可先看教程安装 “宝塔面板安装教程”
服务器推荐:(服务器配置:一般推荐2核4G5M,如只搭建一两个小程序可再降低配置)
腾讯云新用户优惠入口【腾讯云】腾讯云建站就这么简单!1000+精美模板,无需代码即可上手,五站合一!
腾讯云新用户优惠入口
橘猫去水印2.0会员版文档入口:http://doc.czmao.cn
注意:自23年7月1日起,1.0版本停止维护更新,目前主要更新2.0版本(会员版)
如使用过程中出现网站停止使用类似的字样
群文件下载最新7月1日的代码包覆盖即可,后续都不会出现这种情况
宝塔操作部分
数据库配置部分
后台配置部分
前端配置部分
其他配置部分
自定义解析接口
来到宝塔面板安装环境(已安装或者已懂的忽略)
安装php7.3 和 MySQL 5.6版本
新建一个网站,创建PHP项目站点,填写您的域名
选择创建数据 、 还有PHP版本记得选择7.3
其他教程:如何配置域名到宝塔面板
进入网站根目录。看下方图片可快速进入该网站的根目录
将后端文件上传到此处并解压,效果如下图
最后将网站运行目录选择 web ,最后点击保存
数据库配置部分
选择刚刚创建网站的时候顺便创建的数据库,上传数据库文件并导入
上传并导入数据库后,前往根目录的/source/application/database.php文件设置 数据库账号、密码等
双击database.php文件,进入编辑
修改为您的数据库名、用户名、密码等。如不知道用户名是啥,可看下面的图片,前往宝塔面板那查看
后台配置部分
默认登录账号密码以及网址如下:
超级管理端
网站:http:// 您刚刚创建的网站域名 /index.php?s=/admin/index/index
用户名:admin
密码:jumao123
首先进入超级管理端,进行登录。登录后进入点击左边菜单栏的列表。选择新增小程序
填写小程序名称等,以及小程序管理端的账户名和密码。要记得账户名和密码哦,后续登录需要
以下进入小程序管理端配置微信小程序秘钥等信息。
小程序管理端
网站:http:// 您刚刚创建的网站域名 /index.php?s=/store/index/index
用户名:您从“超级管理端”创建的小程序账户名
密码:您从“超级管理端”创建的小程序密码
输入账号密码进行登录
登录后来到小程序设置页面,填写 AppID 小程序ID 和 AppSecret 小程序秘钥后点击保存即可。其他信息可自行查看并填写。
其他教程:小程序的APPID和App Secret(密钥)在哪里查看?
前端配置部分
打卡HBuilder工具,从本地目录导入,选择前端包
打开文件commom.js,修改域名,以及管理端创建的小程序id
修改的域名记得要用https协议。就是http后面加个s
打开文件manifest.json,修改微信小程序AppId
现在可以点击发布小程序,编译成小程序代码了
如果控制台这里显示打开不了微信开发工具,需要去配置一下开发工具的路径,和开启微信开发工具的服务端口按钮
首先配置微信开发工具的路径
然后打开微信开发工具的设置,开启服务端口
现在应该可以了,然后重新去点发行->微信小程序。等他编译好后会打开如下窗口
点击上传代码即可