Appearance
便民就医项目部署
H5
- 解决公众号检验码的配置
不一定要使用文件的方式,直接使用
nginx
配置也能实现
nginx
server{
...
# 某公众号校验文件
location /MP_verify_7D2qDdIxa1izYKY1Xxx.txt {
return 200 '7D2qDdezwIa1izYKY1X';
}
}
nginx 完整配置
nginx
server {
listen 80;
server_name www.test.cn;
rewrite ^(.*)$ https://${server_name}$1 permanent;
}
server {
listen 443 ssl;
server_name www.test.cn;
access_log logs/www.test.cn_access.log;
error_log logs/www.test.cn_error.log;
# SSl 证书配置
ssl_certificate ssl/test.cn.crt;
ssl_certificate_key ssl/test.cn.key;
location / {
# 配合 browserHistory 使用
try_files $uri $uri/index.html /index.html;
root /home/data/application/h5;
index index.html;
autoindex on;
}
# 代理
location /v2 {
proxy_pass https://www.test.cn;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
}
location /config {
rewrite ^/config/(.*)$ /$1 break;
proxy_pass https://www.test.cn;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
}
# 某公众号校验文件
location /MP_verify_7D2qDdIxa1izYKY1Xxx.txt {
return 200 '7Dq2qDdIrqa1izxxxYKY1X';
}
}
微信小程序
bash
pnpm dev:mp-weixin
编译的文件在 ./dist/dev/*
下,在各个平台的开发工具即可导入打开。
单体应用微信小程序的配置:
- 需要找管理员添加为开发人员
- 在微信后台配置请求域名(开发管理-开发设置)
开发管理-开发设置
一般情况,如果不涉及视频、websocket等等的服务,只需要配置这三项就好。
注意:发布上线使用的只接受 https 的域名。
支付宝小程序
有两种模式上传体验版
- 使用开发工具上传发布
- 使用
minidev
作为上传命令
一、开发工具
- 注意是否登录状态
- 选择应用
- 点击上传应用
- 将应用设置为体验版
二、命令行工具
- 安装
minidev
工具【文档】
bash
# 安装 minidev
npm i -g minidev --registry=https://registry.npmmirror.com
1.1 首次使用需登录
bash
# 登录 minidev 需使用支付宝扫码登录。首次使用要登录,后面则不用
minidev login
- 运行部署脚本
bash
# 运行部署命令,只针对 window 机器
bin/uploadAlipayMini.ps1
TIP
运行部署脚本后,按提示步骤输入
① appid (选择需要部署的应用 appid,在 ./src/manifest.json
文件中可查看)
② 体验版本号(直接输入命令行提示中的“本次上传版本:0.0.102”的数字即可)
bash
Please input APPID (ex:2021003159603676):
...
✔ 上传小程序 - 上传成功
------------------------------------------------本次上传版本: 0.0.102
...
Please input miniprogram version (ex:2.0.1):