uni-app小程序如何引入企业微信插件?

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

uni-app小程序如何引入企业微信插件? 小程序里面使用 企业微信插件 「联系我」插件 ,但是根据文档配置好后,按钮无法显示

代码中配置:

pages.json:

{  
    // 我的  
    "path": "pages/my/my",  
    "style": {  
        "navigationStyle": "custom"  
    },  
    "mp-weixin": {  
        "usingComponents": {  
            "cell": "plugin://contactPlugin/cell"  
        }  
    }  
},

manifest.json:

/* 小程序特有相关 */  
"mp-weixin" : {  
    "appid" : "xxxxxxxx",  
    "setting" : {  
        "urlCheck" : false,  
        "minified" : true,  
        "postcss" : false  
    },  
    "usingComponents" : true,  
    "permission" : {  
        "scope.userLocation" : {  
            "desc" : "获取当前位置为你推荐周边上车站点"  
        }  
    },  
    "plugins": {  
        "contactPlugin": {  
            "version": "1.4.3",  
            "provider": "wx104a1a20c3f81ec2"  
        }  
    }  
},

my.vue:

<cell [@startmessage](/user/startmessage)='startmessage' [@completemessage](/user/completemessage)="completemessage" plugid='xxxxxxxxxxxxxxxxxx'  />

5 回复

好了,找到解决办法了。 pages.json 中,不放在路由的组件下引入
直接放在globalStyle中就可以展示出来了。
“globalStyle”: {
“navigationBarTextStyle”: “black”,
“navigationBarTitleText”: “uni-app”,
“navigationBarBackgroundColor”: “#F8F8F8”,
“backgroundColor”: “#F8F8F8”,
“usingComponents”: {
“cell”: “plugin://contactPlugin/cell”
}
},


{
// 我的
“path”: “pages/my/my”,
“style”: {
“navigationStyle”: “custom”
},
//“mp-weixin”: {
“usingComponents”: {
“cell”: “plugin://contactPlugin/cell”
}
//}
},

下午增加这个插件的引入,也按照这里的配置了,但在微信开发工具中一直提示插件不存在。 最后试着在HBuildX中将项目停止运行,然后重新编译运行,就能正常加载了。
那么是否是在引入一个“新的插件”时,都必须要重新编译才能正确加载这个插件呢?

我也是,编译了几次才可以

在uni-app中引入企业微信插件,通常是为了实现企业微信相关的功能,比如登录、分享等。以下是一个如何在uni-app中引入并使用企业微信插件的示例代码案例。

步骤一:配置企业微信插件

首先,你需要在企业微信后台创建一个插件,并获取插件的AppID。然后,在uni-app项目的manifest.json文件中配置该插件。

{
  "mp-weixin": { // 这里以微信小程序为例,其他平台类似
    "appid": "你的小程序AppID",
    "setting": {
      "plugins": {
        "wxa7d9e99de6931923": { // 替换为你的企业微信插件AppID
          "version": "1.0.0", // 插件版本号
          "provider": "wxxxxxxxxxx" // 替换为你的企业微信CorpID(去掉@前的部分)
        }
      }
    }
  }
}

步骤二:使用企业微信插件

在uni-app的页面或组件中,你可以通过wx对象来调用企业微信插件提供的功能。以下是一个调用企业微信登录接口的示例:

// 在页面的onLoad或其他合适的位置调用
onLoad() {
  // 获取插件实例
  const plugin = wx.getPlugin('wxa7d9e99de6931923'); // 替换为你的插件AppID

  // 调用企业微信登录接口
  plugin.login({
    success(res) {
      console.log('企业微信登录成功', res);
      // 这里可以处理登录成功的逻辑,比如保存登录态等
    },
    fail(err) {
      console.error('企业微信登录失败', err);
    }
  });
}

步骤三:处理企业微信回调

如果你需要处理企业微信插件的回调,比如用户在企业微信中打开小程序时的特定逻辑,你可以在App.vueonLaunch方法中监听相关事件。

export default {
  onLaunch() {
    // 监听企业微信插件的回调(如果有的话)
    wx.onMyPluginEvent(function(res) {
      console.log('收到企业微信插件回调', res);
      // 处理回调逻辑
    });
  }
}

注意事项

  1. 确保你的企业微信账号和小程序账号已经正确关联。
  2. 插件的AppID和版本号需要与你在企业微信后台配置的一致。
  3. 调用插件接口时,需要遵循企业微信插件的文档规范。

通过以上步骤,你就可以在uni-app中成功引入并使用企业微信插件了。根据具体需求,你可能需要进一步定制和扩展相关功能。

回到顶部