项目打包

**项目是基于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 installcnpm install
  • 本地调试:项目采用的是Vue3,所以运行npm run serve命令,默认打开localhost:8080,就可以直接调试了
  • 打包上传项目:使用命令npm run build,默认生成的文件夹是在根目录public/wap下,上传打包好的文件夹就可以访问了

Tips:

  • 本地调试: 由于是微信公众号项目,要跳转获取用户信息,所以在本地调试的时候,在wap/src/app.vue文件中注释掉跳转,并且手动使用window.localStorage API 添加openid,默认 -3;打开微信开发者工具在小程序项目Storage中获取PHPSSEEID值。
  1. window.localStorage.setItem("PHPSESSID", "xxxxxxxxxxxxxxxxxxxxxxx");
  2. window.localStorage.setItem("openid", -3);