uniapp获取服务器文件目录,uniapp项目环境搭建与运行

**目录索引：**

- uniapp框架搭建运行

- 导入Ai面试项目

- 修改工具中的配置

- 修改前端配置文件中的配置

- 运行项目到微信开发者工具上

#### 1\. 点击"文件"菜单栏 选择"新建" -->"项目",测试uniapp环境是否正常运行


点击uni-app,填写项目名称和项目目录,选择默认模板,点击创建


选择运行到浏览器,看是否成功

#### 2\.导入Ai面试项目

使用svn或git下载项目到本地,或直接使用HbuilderX从svn导入jeewx-app-interview项目


#### 3\.修改工具中的配置

**第一步：**

jeewx-app-interview项目导入成功后,点击运行到小程序终端模拟器,选择运行设置


**第二步：**

在Setting.json文件下的运行配置中将微信开发者工具的安装路径配置


**第三步：**

登录微信开发者平台,选择"开发"菜单,选择"开发设置",在开发设置页面可以看到AppID(小程序ID)


将小程序的ID复制下来

**第四步：**

在jeewx-app-interview项目下找到"manifest.json"文件打开文件,点击微信小程序配置,将复制的小程序ID复制到这里

> 注意如果是使用的微信开发者工具中提供的测试AppID,则此处贴写微信开发者提供的


#### 4\.修改前端配置文件中的配置

在jeewx-app-interview项目下,找到"service"包下的"config.service.js"文件修改BASE_URL为后端项目启动后的项目域名

> 注意发布到微信开发者平台时需将域名进行穿透,并且在开发设置下的服务器域名中添加

修改mainId为活动的id

> 注意活动id需要在后台管理中创建活动后获取


#### 5\.运行项目到微信开发者工具上

启动后台项目,访问登录后台管理系统,在"抽奖活动"菜单中选择Ai面试,点击新增一个面试活动,配置好面试题目


在HbuilderX中点击运行菜单,运行到小程序模拟器中的微信开发者工具中