HBuilderx 配置多环境发行

在用HbuilderX 发行项目时，常常需要根据不同的环境发布不同的版本，如测试服务器环境，生产服务器环境。最主要的区别在于接口域名的区别，根据环境不同发行不同的域名接口。使用package.json扩展配置用法可完成此项需求。

package.json扩展配置用法（拷贝代码记得去掉注释！）

  "uni-app": {"scripts": {"test-platform": {   //扩展配置  这里可自己定义名称"title": "测试服务器",  //标题， 会出现在 运行-->  测试服务器， 和  发行--->自定义 中"BROWSER":"Chrome",  "env": {"UNI_PLATFORM": "h5"},"define": {"TEST-SERVER": true  //自定义条件编译常量，建议为大写}},"product-platform": {"title": "生产服务器","BROWSER":"Chrome","env": {"UNI_PLATFORM": "h5"},"define": {"PRODUCT-SERVER": true}  }}}

package.json 文件中不允许出现注释，否则扩展配置无效

在这里我只是注明了重点部份，详情可查看官方文档

在代码中使用自定义平台

在 hbuilderx 中 process.env.NODE_ENV 有两种状态是一个 development，另一个是 production，当点击工具栏–>发行是属于 production, 运行栏下的属于development, 所以可以在不同的环境下做接口的更换。

export var apiBaseUrl = "http://localhost:1818/";
if(process.env.NODE_ENV === 'development'){apiBaseUrl = "http://localhost:1818/"//开发时的//#ifdef TEST-SERVERapiBaseUrl = "http://111.111.111.111:1818/"//#endif}else{//production//生产环境下域名配置//#ifdef PRODUCT-SERVERapiBaseUrl = "http://xx.xx.xx.xxx:1818/"//#endif//测试环境下域名配置//#ifdef TEST-SERVERapiBaseUrl = "http://yy.yy.yy.yy:1818/"//#endif}

运行及发布

HBuilderX会根据package.json的扩展配置，在运行、发行菜单下，生成自定义菜单（测试服务器，生产服务器），开发者点击对应菜单编译运行即可，如下图：

到此就可根据不同的环境发行不同的版本。

HBuilderx 配置多环境发行相关推荐

2023年伊凡最新整理简单方法之为hbuilderx配置node环境实现可npm install
本文优雅草伊凡投稿一颗优雅草科技,欢迎其他朋友们来投稿(一定会详细署名),好直接开始,由于伊凡的电脑实在太卡了因此重装了一下系统所有环境全没了可能要一步步做环境了,后续可能会发关于flutter,鸿蒙 ...
centos6 安装 mantisbt-1.2.8 —— （4）在CentOS6.4中安装配置LAMP环境
一.修改设置对安装做准备 1 1. 防火墙设置 2 2. 关闭SELINUX 3 二.开始安装软件 4 1. MySql的安装和配置 4 2. Apache服务的安装和配置 8 3.安装PHP 10 ...
配置库用户_手把手教新手安装Anaconda配置开发环境
Anaconda是针对Python的集成环境,它已经成为全球数千万数据科学从业人员必备的开发工具,帮助人们有效地解决数据科学和机器学习相关地问题.如果你想从事数据科学和机器学习的工作,可以从本文开始, ...
anaconda 安装tensorfollow 镜像_手把手教新手安装Anaconda配置开发环境
Anaconda是针对Python的集成环境,它已经成为全球数千万数据科学从业人员必备的开发工具,帮助人们有效地解决数据科学和机器学习相关地问题.如果你想从事数据科学和机器学习的工作,可以从本文开始, ...
anaconda如何更改环境配置_手把手教新手安装Anaconda配置开发环境
Anaconda是针对Python的集成环境,它已经成为全球数千万数据科学从业人员必备的开发工具,帮助人们有效地解决数据科学和机器学习相关地问题.如果你想从事数据科学和机器学习的工作,可以从本文开始, ...
hbuilder php mysql_xampp本地服务器+HBuilder配置php环境
HBuilder配置PHP环境: 下载,运行HBuilder编辑器打开右侧小窗口,点击设置图标->设置web服务器->外置web服务器输入你想要浏览器运行的URL,点击两个确定,再重新 ...
【环境配置】虚拟机中配置C++环境
0.前言为实现 CSAPP 配套C++练习题,在虚拟机上配置c++环境 1.准备一个Linux系统 1.1 下载Linux发行版镜像选择最常见的Linux发行版Ubuntu,其在官网上可下载,我选 ...
在阿里云购买Linux服务器，配置宝塔环境，全图文，最最详细图解，保姆级教学
在阿里云购买Linux服务器( CentOs 7 ),配置宝塔环境一.在阿里云购买CentOs服务器(Linux系统) CentOS是免费的.开源的.可以重新分发的开源操作系统 ,CentOS(Co ...
uni-app简介、条件编译、App端Nvue开发、HTML5+、开发环境搭建、自定义组件、配置平台环境、uniCloud云开发平台
uni-app简介 : 概述:uni-app是一个前端跨平台框架:会uni-app就可以用一套代码(类似vue语法)打包出安卓.ios.及各种小程序(微信.qq.支付宝等)端跨平台发布. 生态:完整的 ...

HBuilderx 配置多环境发行

package.json扩展配置用法（拷贝代码记得去掉注释！）

在代码中使用自定义平台

运行及发布

HBuilderx 配置多环境发行相关推荐

最新文章

热门文章