手记

【九月打卡】第17天 SpringBoot+Vue3 项目实战(8)

课程名称:运行项目工程(2)

课程章节:运行移动端和前端项目

主讲老师:神思者

运行小程序项目

一、导入小程序项目

下载Git上面的项目,把emos-wx项目导入HBuilderX工具。

找到项目中的manifest.json文件,找到微信小程序配置,把你自己的微信小程序appid填写到文本框中。

找到main.js文件,把其中的13行和14行的IP地址,修改成对应的项目的IP地址。把18行填写上自己的TRTC的appid字符串。

运行emos-wx项目,如果小程序能运行,则说明移动端项目运行成功。

二、运行前端项目

在线办公系统的前端项目是基于Vue3.0构建的,运行的时候需要依赖Node.js环境。因为把Node.js环境安装好了,接下来再把前端项目导入HBuilderX工具,然后初始化,修改一下配置文件就能运行了。

1. 初始化前端项目

在Git上面下载emos-vue.zip文件,解压缩之后,用命令行工具进入到项目文件夹,执行前端项目的初始化。
如果项目初始化的过程中出现了断网或者下载的依赖包有问题,可以删除项目中的node_modules文件夹,然后重新执行初始化命令。

2. 导入前端项目

用HBuilderX工具导入前端项目,然后找到src目录中的main.js文件,其中的第89行是后端emos-api项目的URL地址。前端项目发送的Ajax请求都是发给这个后端项目。把emos-vue和emos-api都运行在本地主机上面,所以这里第89行的URL地址不需要改动。如果将来前端项目和后端项目采用分布式部署的话,这里的URL地址就要修改了。

运行emos-wx项目,如果小程序能运行,则说明移动端项目运行成功。

**今日学习收获:**成功运行小程序,继续加油!

0人推荐
随时随地看视频
慕课网APP