钉钉H5微应用本地开发调试记录

准备工具:

• 手机(ios,安卓) 安卓手机可以用网易Mumu模拟器,下载一个移动版钉钉
• 钉钉开放文档

本地开发的话,可以去钉钉后台管理系统,将你的本地ip地址配置成应用的首页,比如 10.xx.xx.88:3000,然后在钉钉应用内打开这个链接

关于调试:

钉钉后台提供了一个调试的consoles,但是很难用! 有些console.log根本打印不出来.所以为了保险起见,再安装一个vConsole以便于调试

 

开发中的一些问题:

1. 在iPhone13上能打开,但是在安卓上打不开?白屏? 答案：一般是因为语法不被支持的原因,比如我们项目用了可选连?.然后这个用了可选链的文件是在路由里面导入的,所以当你导入路由文件的时候，在安卓手机上直接白屏，什么输出都没有。如何排查这种问题? 使用import()然后catch错误,逐行排查
2. 钉钉免登流程 答案：首先通过dd.runtime.permission.requestAuthCode获取 code,然后调用你们后端的接口,按照后端逻辑搞就行了
3. H5微应用中不要 调用openAuthMiniApp这个函数,ios能打开,安卓直接白屏,对你免登逻辑毫无意义
4. ios 系统 new FormData()格式会被钉钉修改成 {realFormData:{},appendFormData:{}},导致你上传文件失败! 答案：在你的axios请求方法中设置
           headers: {

               'Content-Type': 'multipart/form-data'

           },

           transformRequest: [],

   transformRequest 允许在向服务器发送前,修改数据,我们直接不让修改就行了