**目录索引:** - uniapp框架搭建运行 - 导入Ai面试项目 - 修改工具中的配置 - 修改前端配置文件中的配置 - 运行项目到微信开发者工具上 #### 1\. 点击"文件"菜单栏 选择"新建" -->"项目",测试uniapp环境是否正常运行 ![](https://img.kancloud.cn/25/39/2539b563cad59f6e084d0e5c9bf82206_672x539.png) 点击uni-app,填写项目名称和项目目录,选择默认模板,点击创建 ![](https://img.kancloud.cn/5b/1e/5b1e8ee398090dfaea312f5e2a756bdb_840x640.png) 选择运行到浏览器,看是否成功 #### 2\.导入Ai面试项目 使用svn或git下载项目到本地,或直接使用HbuilderX从svn导入jeewx-app-interview项目 ![](https://img.kancloud.cn/ea/5e/ea5ed48957379ce7eddc20b0018c8f7e_534x496.png) #### 3\.修改工具中的配置 **第一步:** jeewx-app-interview项目导入成功后,点击运行到小程序终端模拟器,选择运行设置 ![](https://img.kancloud.cn/0b/06/0b06cd79716afb4b9bd5489bf4960f89_840x400.png) **第二步:** 在Setting.json文件下的运行配置中将微信开发者工具的安装路径配置 ![](https://img.kancloud.cn/85/eb/85ebb90680c5edf5c9cefa75b38db989_1072x499.png) **第三步:** 登录微信开发者平台,选择"开发"菜单,选择"开发设置",在开发设置页面可以看到AppID(小程序ID) ![](https://img.kancloud.cn/ea/bc/eabc97a92ad0c36cc80fafcd2c67ff83_944x773.png) 将小程序的ID复制下来 **第四步:** 在jeewx-app-interview项目下找到"manifest.json"文件打开文件,点击微信小程序配置,将复制的小程序ID复制到这里 > 注意如果是使用的微信开发者工具中提供的测试AppID,则此处贴写微信开发者提供的 ![](https://img.kancloud.cn/2f/1a/2f1a12394ef357d3977e06270b423943_929x663.png) #### 4\.修改前端配置文件中的配置 在jeewx-app-interview项目下,找到"service"包下的"config.service.js"文件修改BASE_URL为后端项目启动后的项目域名 > 注意发布到微信开发者平台时需将域名进行穿透,并且在开发设置下的服务器域名中添加 修改mainId为活动的id > 注意活动id需要在后台管理中创建活动后获取 ![](https://img.kancloud.cn/0d/ea/0deaf9c9a6c25b32abdd5cedbf4b217a_815x398.png) #### 5\.运行项目到微信开发者工具上 启动后台项目,访问登录后台管理系统,在"抽奖活动"菜单中选择Ai面试,点击新增一个面试活动,配置好面试题目 ![](https://img.kancloud.cn/ca/4d/ca4def96668911c8a5ba5562a25f616a_1489x747.png) 在HbuilderX中点击运行菜单,运行到小程序模拟器中的微信开发者工具中 ![](https://img.kancloud.cn/de/99/de99732da0bde752e48a8e23366f5943_843x451.png)