项目打包
**项目是基于Mpvue
(根目录mpvue/weiapp
)和Vue
(根目录mpvue/wap
)开发的,你必须选安装好NodeJs和npm,建议到NodeJs官网直接下载安装包。
weiapp(微信小程序)项目
- 下载整个包之后,进行根目录
mpvue/weiapp
文件夹。 - 运行
npm install
,如果你安装了cnpm,你就可以使用cnpm install
- 调试项目:运行
npm run dev
命令,打开微信开发者工具,把整个mpvue/weiapp
目录选进去,就可以边改边看代码 - 打包上传项目:使用命令
npm run build
,然后在微信开发者工具右上角点击上传就可以上传开发版本了。
wap(微信公众号)项目
- 同上,进入根目录
mpvue/wap
文件夹。 - 同上,运行
npm install
或cnpm install
- 本地调试:项目采用的是Vue3,所以运行
npm run serve
命令,默认打开localhost:8080
,就可以直接调试了 - 打包上传项目:使用命令
npm run build
,默认生成的文件夹是在根目录public/wap
下,上传打包好的文件夹就可以访问了
Tips:
- 本地调试: 由于是微信公众号项目,要跳转获取用户信息,所以在本地调试的时候,在
wap/src/app.vue
文件中注释掉跳转,并且手动使用window.localStorage
API 添加openid
,默认 -3;打开微信开发者工具在小程序项目Storage
中获取PHPSSEEID
值。
window.localStorage.setItem("PHPSESSID", "xxxxxxxxxxxxxxxxxxxxxxx");
window.localStorage.setItem("openid", -3);