（uni-app）微信小程序转钉钉小程序

最新推荐文章于 2024-08-13 09:00:00 发布

朱@

最新推荐文章于 2024-08-13 09:00:00 发布

阅读量8.4k

点赞数 9

分类专栏：钉钉小程序

本文链接：https://blog.csdn.net/weixin_45685544/article/details/105578921

版权

钉钉小程序专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这个项目是使用uni-app开发的（编辑器使用的Hbuilder）

第一步：需要安装一个开发钉钉小程序的IDE编辑器

IDE下载地址
在这里插入图片描述

第二步：注册钉钉管理后台

钉钉管理后台

选择你要开发的应用场景，创建一个应用
钉钉开放平台
在这里插入图片描述

第三步：在项目中package.json里面做一下配置

{
	"uni-app": {
		"scripts": {
			"mp-dingtalk": {
				"title": "钉钉小程序",
				"env": {
					"UNI_PLATFORM": "mp-alipay"
				},
				"define": {
					"MP-DINGTALK": true
				}
			}
		}
	}
}

第四步是在Hbuilder找到发行，选择自定义发行，里面就会有钉钉小程序

在这里插入图片描述点击后，它会在项目的unpackage/dist/build文件夹中生成一个IDE编辑器可以识别的文件mp-alipay

这时我们打开IDE编辑器
在这里插入图片描述

找到我们生成的文件
在这里插入图片描述

注意：一定要选择开发项目类型

在这里插入图片描述
打开就可以看到我们的项目了

第五步：钉钉小程序是不支持`uni.request()`请求的，所以我们需要把项目中的的请求重新封装一下

export const request = (url, data, method = "post") => {
	return new Promise((resolve, reject) => {
		dd.httpRequest({
			headers: {
				"Content-Type": "application/json"
			},
			url,
			method,
			data: JSON.stringify(data),
			dataType: 'json',
			success: (res) => {
				if (res.status == 200) {
					resolve(res);
				} else {
					reject();
				}
			},
			fail: () => {
				reject();
			}
		})
	}).catch((e) => {})
}

钉钉小程序只支持headers，post传参也只支持json字符串，需要使用JSON.stringify(data),做一下处理
还有个需要注意的地方，钉钉小程序E应用在发版时会有一个老版本的缓存,每次发版后直接打开E应用,其实访问的是上一个版本的缓存,这个缓存会在发版后10分钟左右自动更新成最新版本,如果想要直接看到最新版本,可以退出钉钉登录账户,并杀掉钉钉进程,这样再进去后就是直接访问的最新版本了.