本文记录的方法适用于
vue-cli
方式创建的 uni-app 项目。
环境区分
官方文档说明：
开发环境和生产环境
uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。
在HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境
解决方案
-
使用基于vue-cli命令行方式创建项目
-
添加必要的环境变量， VUE_APP_ 起始，例如 VUE_APP_BASE_API
即在项目根目录新建不同环境的变量配置文件，并分别写入环境所需配置
-
.env.development
-
.env.test
-
.env.production
-
然后可以通过 VUE_APP_BASE_API 访问
例如：在项目内请求接口的地方设置 baseurl 为 process.env.VUE_APP_BASE_API
-
修改 package.json
增加以下脚本，在启动或者打包时以切换不同服务器(不一定完全按照下方设置)。
这里的需求是在开发模式启动时方便切换开发、测试、生产环境的数据库方便验证问题，以及发行至各环境
"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
"build:h5-test": "cross-env NODE_ENV=test UNI_PLATFORM=h5 vue-cli-service uni-build",
"build:h5-dev": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-build",
"dev:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-serve --watch",
"dev:h5-test": "cross-env NODE_ENV=test UNI_PLATFORM=h5 vue-cli-service uni-serve --watch",
"dev:h5-dev": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve --watch",
-
最后像普通vue项目一样使用就行了
npm run dev:h5-test
参考资料
简单搭建实时传输协议RTP的部分参考代码：
import socket
rtp_socket = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
rtp_port = 1234
rtp_socket.bind(('localhost', rtp_port))
packet_size = 1024
while True:
uni-app导航栏自定义配置|仿App原生导航条
uniapp自带的原生导航条能满足一般项目需求，但是对于一些复杂导航栏，如：京东、淘宝、微信顶部导航，这时就需要进行自定义配置了。基于uniapp实现的自定义仿微信导航栏uni_headerBar，支持背景渐变、标题居左/居中、搜索条、按钮支持文字/字体图标/图片
uniApp原生导航栏
uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json里面做一些配置即可。
xiaoyan2015
