Skip to content

移动段打包发布

liaofei edited this page Jan 20, 2021 · 1 revision

开发打包项目

安装并使用 HBuilder X 打开 uni-app

配置说明 config/app.js

module.exports = {
    // 小程序配置
    // #ifdef MP
    // 请求域名 格式: https://您的域名
    HTTP_REQUEST_URL: `https://v4.admin.crmeb.net`,
    // 长连接 格式:wss://您的域名:20003
    // 需要在后台设置->基础配置->WSS配置 开启WSS配置,并上传证书,重启workerman后生效
    // 请在PHP项目根目录下启动,长连接命令:sudo -u www php think workerman start --d
    // #endif

    // H5配置
    // #ifdef H5
    //H5接口是浏览器地址,非单独部署不用修改
    HTTP_REQUEST_URL: 'https://v4.admin.crmeb.net',
    // HTTP_REQUEST_URL: window.location.protocol + "//" + window.location.host,
    // 长连接地址,非单独部署不用修改
    // #endif
    // 以下配置在不做二开的前提下,不需要做任何的修改
    HEADER: {
        'content-type': 'application/json',
        //#ifdef H5
        'Form-type': navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1 ? 'wechat' : 'h5',
        //#endif
        //#ifdef MP
        'Form-type': 'routine',
        //#endif
        //#ifdef APP-VUE
        'Form-type': 'app'
        //#endif
    },
    // 回话密钥名称 请勿修改此配置
    TOKENNAME: 'Authori-zation',
    // 缓存时间 0 永久
    EXPIRE: 0,
    // 分页最多显示条数
    LIMIT: 10
};

启动项目(浏览器)

HBuilder X -> 运行 -> 运行到浏览器 -> 选择浏览器

输入图片说明

启动项目(微信小程序)

// 配置appid
/manifest.json文件 -> 微信小程序配置 配置AppID
//运行设置
HBuilder X -> 工具 -> 设置 -> 运行设置 -> 小程序运行设置(微信开发工具路径)
//启动
HBuilder X -> 运行 -> 运行到小程序模拟器 -> 微信开发者工具

输入图片说明

打包H5

HBuilder X -> 发行 -> 网站-h5手机版 -> 发行

打包文件存存在 \uni-app\unpackage\dist\build\h5

输入图片说明

打包微信小程序

HBuilder X -> 发行 -> 小程序-微信 -> 发行
打包文件存放在:\uni-app\unpackage\dist\build\mp-weixin

输入图片说明

放置目录

请把打包好的页面文件上传到 /项目/public/ 目录中
Clone this wiki locally