uni-app,前后端分离项目,前端如何发布打包?
写了一个前后端分离的项目,想要发布在微信公众号上,代码部分已经开发完毕,我想要打包部署,应该怎么操作?
前端部分使用了vue,uni-app框架。
hbuilder 上面的 发行 - 网站 就可以打包了,然后扔到服务器
- 安装 uni-app cli 工具,使用 npm install -g @uni/cli 或 yarn global add @uni/cli 安装。
- 初始化 uni-app 项目,使用 uni-app init vue 项目名 命令。
- 开发 uni-app 项目,编写代码。
- 执行 uni-app build --watch 启动监听打包,此时会生成 dist 目录。
- 发布到微信小程序:
- 登录微信公众平台,创建一个小程序。
- 点击小程序设置,找到 开发设置 - 开发环境配置。
- 点击 添加环境 - 自定义开发环境。
- 填入环境名称(如:dev)和项目目录(选择uni-app项目的dist目录)。
- 点击保存,提交审核,审核通过后生效。
- 用户在微信中搜索小程序,就可以访问你发布的uni-app小程序啦!如果需要更新,只需要再执行 uni-app build 命令打包,然后重新提交审核即可。
上述就是 uni-app 项目发布为微信小程序的主要步骤,关键在于使用 uni-app cli 工具打包生成 dist 目录,然后提交给微信小程序审核和发布。