西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
下面介绍jssdk开发步骤。
二、jssdk接入准备工作 1、申请企业版微信公众号,进行认证,设置成为开发
搜索“微信公众平台”进行注册、登录、认证。 这里需要注意的是,如果你想测试微信公众平台的api接口开发;微信公众号jssdk分享app原生应用接入分享开发及应用场景,也可以使用个人公众号。 但个人公众号无法进行认证。 如果未通过认证,则无法使用最新的api。
如下所示:
2.公众号配置
点击设置与开发菜单栏->功能设置,填写js安全域名。 js安全域名的配置需要严格按照说明进行,否则共享会失败。 配置完js安全域名后外贸建站,需要按照下图的注意事项一步一步进行配置。
js安全域名代表什么? 答:安全域名就是我们点击分享后分享的链接地址对应的域名。 换句话说,如果我们分享了微信朋友圈的链接微信公众平台的api接口开发,那么其他点击您分享的朋友圈地址的人就会使用这个安全域名。 因此,该安全域名对应的虚拟主机或服务器会发布您共享的页面。
上图中的文件上传路径: 例如js安全域名配置为,默认端口为80。安全域名指向静态网页,即共享链接所在的服务器或虚拟主机地址位于。 如果您的资源是通过nginx发布的,则域名根路径指向nginx配置文件中配置的资源的路径地址cc。
3.查看appid、设置key、配置IP白名单等。
共享所需的信息。 使用jssdk分享时,需要调用微信提供的服务端API。 服务端API的作用是获取公众号的ACCESS_TOKEN来调用服务端API。 那么我们需要提供一个获取access_token的服务。 该服务的公网IP就是IP白名单配置项中需要配置的内容。 注意:不要写内网IP地址。
三、开发接入 1、服务器
access_token:公众号授权的全局唯一标识。 公众号调用接口时需要(主要用在服务器接口上)。 一次调用的有效期为 7200 秒。 由于每天接口调用次数有限制,所以需要全局缓存。 需要 appid 和密钥。
jsapi_titket:公众号调用js接口使用的临时票据,需要通过access_token作为入参获取。同样access_token也需要全局缓存处理
获取网页url:当前网页的url地址。
生成签名:根据API指令对签名算法进行处理,生成签名后返回给前端。
辅助:可以使用签名验证工具进行验证,避免出现{"errMsg":"config:invalidsignature"}问题
签名调试工具:
2、前端接入
1.初始化并生成签名、时间戳、随机字符串等初始配置
2、验证通过后,发起调用js api进行共享处理
阐明:
1.jssdk版本jweixin-1.6.0.js。 目前正在使用新版本的界面,旧版本的分享界面即将废弃。
2、由于个人公众号无法认证,设置debug模式时,调用新接口权限:{"errMsg":"updateTimelineShareData:permissiondenied"}会出现问题。 原因是公众号需要认证。
3、如果个人公众号尝试调用旧接口外贸建站,可以点击微信浏览器分享来调用自定义分享方法微信公众平台的api接口开发,可以显示自定义标题、缩略图等。不过,旧接口很快就会被废弃。 您需要尽快申请认证公众账号才能访问新界面。
4.jsapiList的注释。 虽然已经迁移到新界面,但是旧界面的注册也是必要的,否则分享将无效:
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData',
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage', //分享给微信朋友
'showOptionMenu']
4. 总结
1.app集成微信分享,直接集成Android和ios原生分享
2.jssdk分享适合网页版分享和公众号自定义分享(如果微信浏览器分享不满足条件)。
3、使用jssdk需要申请个人公众号或企业公众号。 个人公众号无法认证,导致新的js api无法使用。
西西木科技是shopify官方合作伙伴,通过了Shopify Partner Academy认证,具备多年shopify lic主题开发经验,熟悉Liquid和各项计算机语言。