便民就医服务简介 ​

项目架构 ​

目的：使用 uniapp 开发小程序，底层采用 vue 作为主要技术框架，兼容 H5 可作为备用方案，无须考虑 App 的兼容写法。

开发前准备 ​

HBuilderX工具

• 开发工具：HBuilderX （uniapp官网推出的工具）或 vscode （本项目主力使用的工具）
• 软件包管理建议使用pnpm
• 运行环境依赖 node

安装依赖 ​

pnpm install

项目启动 ​

H5 端 ​

目前 H5 没有投入生产环境，只在本地模拟微信或支付宝环境进行开发，实际效果以各平台宿主环境为准。

# 在本地运行项目 (h5)
pnpm dev:h5

等待编译完成，可打开：localhost:5000

小程序端 ​

小程序各平台差异在 【特殊处理】可查看

便民就医小程序详细的部署流程

微信小程序或支付宝小程序，按 pnpm dev:mp-[name] 进行

# 例如：微信
pnpm dev:mp-weixin

# 例如：支付宝
pnpm dev:mp-alipay

编译的文件在 ./dist/dev/* 下，在各个平台的开发工具即可导入打开。

如下以微信小程序作为案例，支付宝小程序开发同理。

外部开发文档 ​

• uni-app
• 微信官方文档