uni-app 做的 app 如何分享到企业微信

发布于 1周前 作者 bupafengyu 来自 Uni-App

uni-app 做的 app 如何分享到企业微信

uni.share()已经可以分享到qq、微博、微信。但是目前还没有支持分享到企业微信，现在企业微信的需求越来越多，很多企业的运营都把重心从微信转移到了企业微信。希望有人能支持一下，做个插件。

（PS: 内置的plus.share.sendWithSystem()可以分享，但是不像uni-share那样可以直接跳转到企业微信，而且最原始的需求是可以发送小程序卡片，希望可以使用sdk的方式跳转企业微信分享而不是app内置的sendWithSystem）

Harmonyos Next教程
4 回复

plus.share.sendWithSystem()这个方法里面参数 ShareMessage里面的extra分享消息扩展参数是什么，才是企业微信


看看这个插件是否满足需求 https://ext.dcloud.net.cn/plugin?id=6560

这个插件好用吗

在将使用 uni-app 开发的应用分享到企业微信时，你需要集成企业微信的 SDK 并配置相关的分享功能。以下是一个基本的实现思路和代码示例：

1. 引入企业微信 SDK

首先，你需要在项目中引入企业微信的 SDK。这通常是通过 <script> 标签引入企业微信提供的 JS SDK 文件。

<!-- 在 index.html 或 app.html 中引入 -->
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

注意：这里的 URL 仅为示例，实际使用时请确保使用企业微信官方提供的最新 SDK URL。

2. 配置企业微信分享信息

在你的 uni-app 项目中，你需要在页面或组件的 onReady 或 onLoad 生命周期中配置分享信息。

// 假设你有一个页面叫 sharePage.vue
export default {
  onReady() {
    // 获取企业微信 SDK 配置
    wx.config({
      debug: false, // 开启调试模式,开发的时候可以开启
      appId: 'YOUR_CORP_ID', // 必填，企业微信的corpID
      timestamp: TIMESTAMP, // 必填，生成签名的时间戳
      nonceStr: NONCE_STR, // 必填，生成签名的随机串
      signature: SIGNATURE, // 必填，签名
      jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
    });

    // 验证配置是否成功
    wx.ready(() => {
      // 分享到朋友圈
      wx.onMenuShareTimeline({
        title: '分享标题', // 分享标题
        link: 'https://example.com', // 分享链接
        imgUrl: 'https://example.com/image.jpg', // 分享图标
        success: () => {
          console.log('分享成功');
        },
        cancel: () => {
          console.log('取消分享');
        }
      });

      // 分享给朋友
      wx.onMenuShareAppMessage({
        title: '分享标题', // 分享标题
        desc: '分享描述', // 分享描述
        link: 'https://example.com', // 分享链接
        imgUrl: 'https://example.com/image.jpg', // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或者video，则要提供数据链接，默认为空
        success: () => {
          console.log('分享成功');
        },
        cancel: () => {
          console.log('取消分享');
        }
      });
    });

    wx.error((err) => {
      console.error('配置失败：', err);
    });
  }
}

3. 注意事项

  • 确保 appId、timestamp、nonceStr 和 signature 是有效的，这些通常由你的后端服务生成。
  • 链接和图片 URL 必须是有效的 HTTPS URL。
  • 根据企业微信的文档，你可能还需要配置其他相关参数或处理其他细节。

通过上述步骤，你应该能够实现在 uni-app 中将应用分享到企业微信的功能。

回到顶部