搭建教程

Misaka2025/9/18Advance大约 2 分钟

您正在阅读开源版小程序部署教程！
本教程为有小程序开发经验的用户准备，不会提供指导。

前置步骤

注册小程序微信公众平台
设置小程序名称、简称、简介、图标（随便填写）
设置小程序类目、主营类目 (推荐类目写在下面)
小程序备案 (免费，必须) + 小程序微信认证 (非企业30元/年，可选)
申请小程序开发接口 (需要 wx.chooseLocation 和 wx.getLocation，可去淘宝代开通)
设置小程序服务器域名 (需要已备案的域名用于反代官方服务器) 或开调试模式使用

推荐小程序类目

教育服务 > 在线教育
工具 > 办公
工具 > 计算器
体育 > 在线健身
工具 > 信息查询

开启调试模式使用

点击小程序右上角三个点
下方滑到最右边，点击 “开发调试” 开启调试模式。

设置小程序服务器域名

request 域名

https://api.map.baidu.com;
https://api.tianditu.gov.cn;
https://hmma.baidu.com;
https://mooc1-api.chaoxing.com;
https://pan-yz.chaoxing.com;
https://passport2-api.chaoxing.com;
https://passport2.chaoxing.com;
https://sso.chaoxing.com;
https://cx.micono.eu.org; // 更换为你的反代域名

uploadFile 域名

https://pan-yz.chaoxing.com

downloadFile 域名

https://pan-yz.chaoxing.com

上传小程序代码

注册百度地图开放平台和天地图开放平台的密钥

在 miniprogram/utils 目录下创建 config.js 并填入下面的内容。

const config = {
    baseUrl: "https://cx.micono.eu.org/edge/proxy", // 公益反代服务器（腾讯 EdgeOne），有条件请更换为你的反代域名
    repository: "Misaka-1314/Chaoxing-WechatMiniProgram", // 开源仓库地址

    baiduMapKey: '', // 百度地图开发平台
    tianMapKey: '', // 天地图开放平台

    notice: "本小程序由公众号御坂网络Misaka免费提供，谨防倒卖！",
    
    swiperList: [
        "/static/swiper/1.png",
        "/static/swiper/2.png",
        "/static/swiper/3.png",
        "/static/swiper/4.png",
    ],
}
module.exports = config;

上传代码