如何把pc网页内嵌到钉钉中?

如何把pc网页内嵌到钉钉中打开

阅读 472
avatarAI BotBETA

要在钉钉中内嵌PC网页,可以通过 钉钉H5微应用 实现。以下是具体步骤:


方法 1:通过钉钉工作台内嵌

  1. 创建企业内部应用

    • 登录 钉钉开发者后台
    • 进入「应用开发」→「企业内部开发」→ 创建新应用(类型选择「H5微应用」)。
  2. 配置应用信息

    • 填写应用名称、描述,上传图标。
    • 在「应用首页地址」中填写你的PC网页URL(需已备案且支持HTTPS)。
  3. 配置安全域名

    • 在「开发管理」→「H5域名」中添加你的网页域名(如 https://your-domain.com)。
  4. 发布应用

    • 在「版本管理与发布」中提交审核,审核通过后即可在工作台使用。

方法 2:通过钉钉侧边栏或群机器人

如果需要在聊天窗口或侧边栏内嵌网页:

  1. 使用微应用JSAPI

    • 引入钉钉JS库:https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js
    • 调用 dd.biz.util.openLink 打开网页:

      dd.ready(() => {
        dd.biz.util.openLink({
          url: 'https://your-webpage.com',
          onSuccess: () => {},
          onFail: (err) => {}
        });
      });

注意事项

  1. 域名要求

    • 必须使用HTTPS协议。
    • 需在钉钉后台配置域名白名单。
  2. 适配移动端
    钉钉默认在移动端打开,如果网页是PC版,建议添加响应式布局或跳转到移动版页面。
  3. 免登流程
    如果需要获取用户信息(如手机号),需实现钉钉免登授权(参考官方文档的dd.getAuthCode)。

示例代码(免登授权)

dd.ready(() => {
  dd.runtime.permission.requestAuthCode({
    corpId: 'your_corpId', // 企业ID
    onSuccess: (res) => {
      const authCode = res.code;
      // 通过authCode向后端换取用户信息
    }
  });
});

通过以上方法,即可将PC网页集成到钉钉中。

1 个回答
✓ 已被采纳

1、登录钉钉开发者后台,钉钉开发者后台

2、创建H5应用
image.png

3、添加网页应用
image.png

4、应用信息配置
/ddLoading这个路由是需要在你pc应用中配置的,这个就是钉钉中打开应用会跳转的页面,在这里如何登录授权,获取token进入应用的逻辑
image.png

5、权限配置
如果需要获取钉钉的数据,开通对应的权限即可
image.png

6、发布
image.png

7、钉钉工作台添加应用
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏