解决微信自定义图文分享不成功

首先用到微信开放平台的JS-SDK

准备工作:

1、用来绑定的微信公众号必须是已认证的

2、链接地址必须是域名,并且是备案过的。(当然就得需要服务器了)

配置工作:

1、配置分享的JS接口安全域名(不然前端配分享时会报错 config:invalid url domain)

进入微信公众平台-->设置与开发-->公众号设置-->功能设置-->功能设置-->

JS接口安全域名,按照里面的要求设置完成后如下图:

ip白名单的配置(本人就是没有配置好ip白名单生成签名错误排查很久)

如下图:

 

 代码块:
1、获取access_token和jsapi_ticket

根据官方文档

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在uniapp中实现微信QQ的分享图文分享后最下方不显示HBuilder,可以通过以下步骤来实现: 1. 在manifest.json文件中,将"app-plus"->"distribute"->"share"->"weixin"和"qq"节点中的"debug"属性设置为false。 2. 在分享时,将分享的标题和描述设置为你要分享的内容,而不是默认的HBuilder。 3. 在uniapp中,可以使用uni.shareAPI方法来进行分享操作。示例代码如下: ``` uni.shareAPI({ provider: 'weixin', scene: 'WXSceneSession', type: 0, title: '分享标题', summary: '分享描述', imageUrl: '分享图片地址', href: '分享链接地址', success: function () { console.log('分享成功'); }, fail: function (err) { console.log('分享失败:' + err); } }); ``` 4. 如果您想要修改分享的样式,可以在manifest.json文件中的"app-plus"->"distribute"->"share"->"weixin"和"qq"节点中自定义分享界面的样式。示例代码如下: ``` "app-plus": { "distribute": { "share": { "weixin": { "title": "微信", "debug": false, "scenes": ["WXSceneSession", "WXSceneTimeline"], "imageUrl": "res/xxx.png", "extra": { "scene": "WXSceneSession", "sceneDesc": "分享微信好友", "showMessageCard": true, "enableShareApp": true, "enableAutoDegrade": true, "enableShareTimeline": true, "enableShareFavorites": true, "enableShareToOtherApp": true, "shareToOtherAppTitle": "更多分享方式", "shareToOtherAppUrl": "http://www.example.com", "miniProgramType": 0, "miniProgramPath": "/pages/index/index", "miniProgramUserName": "gh_xxxxxxx", "miniProgramWebUrl": "http://www.example.com", "miniProgramImageUrl": "res/xxxx.png", "miniProgramTitle": "小程序标题" } }, "qq": { "title": "QQ", "debug": false, "imageUrl": "res/xxx.png", "extra": { "scene": "QQ", "sceneDesc": "分享到QQ", "shareToQzone": true, "imageUrlLocal": true, "imageUrlLocalPath": "/res/xxx.png", "appName": "应用名称", "appId": "应用ID", "shareToTroop": true, "shareToWeibo": true } } } } } ``` 通过以上步骤,您可以在uniapp中实现微信QQ的分享图文分享后最下方不显示HBuilder。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值