DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2019-09-03 21:16
  • 更新:2024-11-29 15:16
  • 阅读:38486

uni-app开发多端之钉钉小程序

分类:uni-app

经常有开发者咨询uni-app是否支持钉钉小程序

答案当然是支持!

本文通过将hello uni-app发布到钉钉小程序,演示如何使用uni-app开发钉钉小程序

扩展钉钉小程序平台

创建hello uni-app项目后,在项目根目录下新增或修改package.json,在根节点下新增如下扩展配置:

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

运行到模拟器

HBuilderX会根据package.json的扩展配置,在运行菜单下,生成钉钉小程序菜单,如下图:

点击钉钉小程序菜单,开始编译,编译成功后,会自动打开支付宝开发者工具,展开左侧钉钉菜单,选择第三方个人应用,如下图:

然后点击右上角打开项目,选择编译目录(类似:%Project_root%/unpackage/dist/dev/mp-alipay/,注意:钉钉小程序复用支付宝小程序的编译目录),在接下来的界面中,注意修改项目名称,并特别注意修改项目类型为“钉钉 - 第三方个人应用”

项目导入后,支付宝开发者工具会进行编译载入,并在右侧模拟器上显示,如下:

在右侧模拟器上可以点击各页面进行测试。

发行到钉钉开放平台

同样,HBuilderX会根据package.json的扩展配置,在发行 -> 自定义发行菜单下,生成钉钉小程序菜单,如下图:

点击钉钉小程序菜单,开始编译,编译成功后,会自动打开支付宝开发者工具,展开左侧钉钉菜单,选择第三方个人应用,如下图:

然后点击右上角打开项目,选择编译目录(类似:%Project_root%/unpackage/dist/build/mp-alipay/,注意发行时是build目录,不是dev目录),在接下来的界面中,注意修改项目名称,并特别注意修改项目类型为“钉钉 - 第三方个人应用”

项目导入后,支付宝开发者工具会进行编译载入,并在右侧模拟器上显示,如下:

上传需登录后才能操作,使用手机端的钉钉App,扫码登录,

登录成功后,左上角选择关联的小程序(需提前在钉钉开放平台创建小程序),如下图:

点击支付宝开发者工具右上角的“上传”按钮,将代码上传到钉钉开放平台,上传成功后,即可在钉钉开放平台中进行版本发布,可设置为预览版,或直接提交审核:

注意:钉钉小程序的审核发布,需首先完成“钉钉组织认证”和“服务商认证”,提醒开发者提早完成认证,否则无法审核通过。

API调用

钉钉大部分api都是uni通用的API,hello uni-app是可以直接在钉钉里跑的。
如果你需要调用钉钉的专有API,和其他端开发也一样,在钉钉端可直接调用dd的API,当然要跨端的话,需要写在条件编译里。

5 关注 分享
DCloud_uniCloud_WYQ sonicsunsky 1***@163.com 3***@qq.com HRK_01

要回复文章请先登录注册

祥子888

祥子888

回复 一只猫CC :
大佬,我也遇到同样问题了 请问下怎么解决
2022-05-23 14:05
祥子888

祥子888

回复 祥子888 :
hello uniapp那个项目测试也是一样
2022-05-23 13:54
祥子888

祥子888

发布到钉钉企业内部应用体验版 安卓手机只能显示底部的tabbar 中间的页面内容一直在转圈 ,苹果手机的可以打开
2022-05-23 13:53
liu227world

liu227world

钉钉小程序不支持免登,钉钉小程序的专有API怎么调用?需要使用npm安装H5微应用的dingtalk-jsapi吗?
2021-08-10 14:51
河南dev

河南dev

请问支持钉钉企业内部应用吗
2021-03-18 09:42
6***@qq.com

6***@qq.com

条件编译不生效啊
2021-03-16 19:20
5***@qq.com

5***@qq.com

默认模板中,钉钉小程序里面出错,请问怎么解决
TypeError: Cannot read property 'statusBarHeight' of undefined
2021-02-02 16:08
西谷开源

西谷开源

测试钉钉小程序,使用的hello-uniapp示例,已修改代码hbuilderX便崩溃退出

hbuilderX:3.0.7.20210123
钉钉小程序开发工具:版本1.18.2 (1.18.2)
2021-01-29 10:52
小雨不简单

小雨不简单

回复 6***@qq.com :
在package.json文件 自定义的编译方式中 增加“MP-ALIPAY: false” 看一下
2020-06-16 14:02
6***@qq.com

6***@qq.com

钉钉小程序和支付宝小程序怎么区分,条件编译 没法区分
2020-06-16 10:55