mtsd/sqxp-wx

hello-uniapp

uni-app框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机在下方扫码快速体验uni-app的强大功能。官方文档

快速上手

hello-uniapp 示例工程可以通过两种方式创建， 一种是 HBuilderX, 配套 IDE，集成开发；另一种是 CLI 创建；推荐前者。

通过 HBuilderX 可视化界面创建（推荐）

可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。

开始之前，开发者需先下载安装如下工具：

• HBuilderX：官方IDE下载地址

HBuilderX是通用的前端开发工具，但为uni-app做了特别强化，请下载App开发版。

由于截图在 github 不便浏览，参见官方文档 HBuilderX 可视化界面创建

通过 vue-cli 创建

npm install -g @vue/cli

创建uni-app

使用正式版（对应HBuilderX最新正式版）

vue create -p dcloudio/uni-preset-vue my-project

使用alpha版（对应HBuilderX最新alpha版）

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

此时，会提示选择项目模板，选择 hello uni-app 项目模板，如下所示：

创建好后，进入项目目录

cd my-project

执行该命令运行到 h5 端

npm run dev:h5

欢迎提 issues，推荐到官方社区提问。

生产部署与 API 基址（sqxp-wx）

部署到生产环境前，必须修改 config/api.js 中的接口根地址，至少包含以下两处（与文件内注释的「生产环境配置」一致即可）：

1. DEV_BASE_URL：默认分支下的基础地址常量。
2. devBaseUrl：#ifdef MP-WEIXIN 条件编译块内为微信小程序真机/发行包单独赋值的地址（真机上 localhost / 127.0.0.1 指向手机自身，生产包必须改为生产域名）。

若仍指向本机或测试机，线上小程序将无法访问后端。

编译 / 发版流程中的提醒

• 执行 npm run sync-static-public-urls（同步静态资源公网地址）时，会先自动执行一次 API 基址发版提醒。
• 也可在发版前单独执行：npm run release:remind-api（仅提醒）；若在 CI 中希望在仍为本机地址时失败退出，使用：npm run release:check-api（--strict 校验）。

使用 HBuilderX「发行」编译时，npm 钩子不会自动运行；请在发版前手动执行上述命令之一，或在本流水线中加入 npm run release:check-api。

扫码体验

一套代码编到10个平台，这不是梦想。眼见为实，扫描10个二维码，亲自体验最全面的跨平台效果！

Android版

iOS版

H5版

微信小程序版

支付宝小程序版

百度小程序版

字节跳动小程序版

QQ小程序版

快应用

360小程序

注：某些平台不能提交简单demo，故补充了一些其他功能；hello uni-app示例代码可从[github](https://github.com/dcloudio/hello-uniapp)获取

快应用仅支持 vivo 、oppo、华为

360小程序仅 windows平台支持，需要在360浏览器中打开