钉钉手机端调试前端H5项目流程

此流程以Vue项目为例

一、操作步骤

1. 在根目录下 vue.config.js 文件中将 devServer.host 设置为 0.0.0.0

// vue.config.js
module.exports = {
  devServer: {
    host: '0.0.0.0',
    ...
  },
  ...
 }

2. 本地启动项目，获取 Network

  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://xxx.xxx.xxx.xx:8080/

4. 启动钉钉PC端，通过以下步骤创建应用
5. 控制台
6. 应用搭建
7. 将链接添加为应用
8. 将步骤2中的链接复制到移动端/PC端的链接位置
9. 添加
   
   
   
10. 启动钉钉手机端（保证手机和电脑连接同一个网络），根据以下步骤找到并开启项目

• 工作台 - 右上角图标
• 我的 - 应用&模板
• 自建应用（可以把链接通过浏览器打开调试）