微信小程序集成腾讯IM发布踩坑以及设置全局分享

最新推荐文章于 2025-05-28 10:53:52 发布

韩zj

最新推荐文章于 2025-05-28 10:53:52 发布

阅读量991

点赞数

CC 4.0 BY-SA版权

文章标签：微信小程序小程序 javascript

本文链接：https://blog.csdn.net/jifashihan/article/details/130314988

文章讲述了在开发微信小程序时遇到的两个常见问题：一是集成腾讯IM后发布后无法使用，原因是未配置腾讯IM的域名；二是小程序分享功能未启用，解决方案是在页面及全局设置onShareAppMessage方法。提醒开发者注意第三方SDK的文档和配置细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

发布踩坑

本小程序集成了腾讯im，在测试的时候，打开调试模式进行测试，但是发布以后，发现除了自己的接口可以访问，腾讯im无法使用，与腾讯的技术进行了沟通，联调，发现是腾讯im登录超时，最后排查的结果是，腾讯im的域名没有配置。
快速入门（小程序）
在这里插入图片描述
这个只需要在小程序后台的域名部分进行配置就好了。这个是低级错误了，只是开发的时候光注重开发，没仔细看第三方的文档。在集成第三方的sdk的时候，如果出现上线以后不能使用的情况，需要看看第三方的文档

设置全局分享

发布以后，如果微信小程序点击右上角三个点，分享是灰色的，是因为没有配置分享方法，可以在页面上配置onShareAppMessage

    onShareAppMessage(){
        const promise = new Promise(resolve => {
            setTimeout(() => {
              resolve({
                title: '小程序名称'
              })
            }, 2000)
          })
          return {
            title: '小程序名称',
            path: 'pages/splash/splash',
            promise 
          }
    },

但是这个只能单页面分享，总不能增加一个页面，就增加一次方法吧，所以要设置全局的，在app.js里

 onLaunch: function () {
     //获取页面配置并进行页面分享配置
  var PageTmp = Page
  Page = function (pageConfig) {
    //1. 获取当前页面路由
    let routerUrl = ""
    wx.onAppRoute(function (res) {
      //app.js中需要在隐式路由中才能用getCurrentPages（）获取到页面路由
      let pages = getCurrentPages(),
        view = pages[pages.length - 1];
      routerUrl = view.route
    })

    //2. 全局开启分享配置
    pageConfig = Object.assign({
      onShareAppMessage: function () {
        //根据不同路由设置不同分享内容（微信小程序分享自带参数，如非特例，不需配置分享路径）
        let shareInfo={}
        let noGlobalSharePages=["index/index"]
        //全局分享配置，如部分页面需要页面默认分享或自定义分享可以单独判断处理
        if (!routerUrl.includes(noGlobalSharePages)){
          shareInfo = {
            title: "自定义全局分享",
            imageUrl: wx.getStorageSync("shareUrl")
          }
        }
        return shareInfo
      }
    }, pageConfig);
    // 配置页面模板
    PageTmp(pageConfig);
        }
    },

这样设置，会跳转到分享时的页面，如果想每次都进入首页，需要设置

   onLaunch: function () {
     

        //获取页面配置并进行页面分享配置
        var PageTmp = Page
        Page = function (pageConfig) {
          

            //全局开启分享配置
            pageConfig = Object.assign({
                onShareAppMessage: function () {
                    return {
                        title: '分享的标题',
                        path: '/pages/splash/splash',
                  
                    }
                }
            }, pageConfig);
            // 配置页面模板
            PageTmp(pageConfig);
        }
    },

如果还是无法进入首页，需要去搜索一下，分享页面里，是否有默认生成的onShareAppMessage，需要删除掉