企微的小程序一键加群问题记录

最新推荐文章于 2024-05-20 23:38:10 发布

Guosugaz

最新推荐文章于 2024-05-20 23:38:10 发布

阅读量722

点赞数

CC 4.0 BY-SA版权

分类专栏： uniapp的坑 vue 文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/weixin_43581181/article/details/126379365

uniapp的坑同时被 2 个专栏收录

4 篇文章

订阅专栏

vue

2 篇文章

订阅专栏

本文记录了在小程序中实现一键加群功能时遇到的问题及解决方案。首先，错误地使用了scene=1，导致无法获取二维码；后来发现正确配置为scene=2才能获取到群二维码。此外，详细介绍了配置的各个字段，并提供了使用uniapp和ts开发的小程序插件正确URL格式的示例。

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

最近要在小程序实现一键加群，记录一下踩过的坑

一：先在企微文档查看加群配置

初步确认scene = 1是群的小程序插件，但通过调用后端接口后返回的qr_code是null，然后走不下去了。
经过后续验证scene = 2才行

在这里插入图片描述

二：小程序插件文档

在这里插入图片描述

三：正确的url格式

使用uniapp和ts开发

<cell :url='url'  />

@Component({})
export default class Index extends Vue {
	// 后端返回的配置,第一点的后端文档
	data = {
		"config_id": "9ad7fa5cdaa6511298498f979c472aaa",
		"scene": 2,
		"remark": "aa_remark",
		"auto_create_room": 1,
		"room_base_name" : "销售客服群",
		"room_base_id" : 10,
		"chat_id_list": ["wrOgQhDgAAH2Yy-CTZ6POca8mlBEdaaa", "wrOgQhDgAALPUthpRAKvl7mgiQRw_aaa"],
		"qr_code": "http://p.qpic.cn/wwhead/nMl9ssowtibVGyrmvBiaibzDtp703nXuzpibnKtbSDBRJTLwS3ic4ECrf3ibLVtIFb0N6wWwy5LVuyvMQ22/0",
		"state" : "klsdup3kj3s1"
	}
	get url() {
		return `https://work.weixin.qq.com/gm/${this.data.config_id}`
	}
}