Html5 페이지의 2차 공유 구현

青灯夜游
풀어 주다: 2018-10-09 16:43:10
앞으로
3404명이 탐색했습니다.

이 글은 주로 Html5 페이지의 2차 공유 구현에 대한 관련 정보를 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

H5 페이지에서는 2차 공유가 상당히 중요합니다. 결국 QQ나 WeChat은 전송 후 자체 공유 기능을 습관적으로 사용합니다. PC측과 다르게 PC는 주소를 직접 복사합니다. 이틀 전에 초대장을 보내다가 실수가 많이 발생했습니다. 개인 발전과 회사 발전은 여전히 ​​​​다른 문제이며 초대장 포스트 스크립트에 언급되어야합니다. 사업을 시작합시다.

WeChat에서 두 번째 공유

WeChat의 문서는 꽤 좋습니다. 기사 전체를 읽으면 기본적으로 많은 함정을 피할 수 있습니다. (WeChat 문서는 함정을 정리하는 대신 마지막에 몇 가지 함정을 작성하는 데 사용된다는 점을 기억하세요)

먼저 에서 2차 공유를 수행하는 방법에 대해 이야기해 보겠습니다. WeChat

문서 주소, 공식 API 도입. 문서는 꽤 훌륭합니다. shareInfo에 전달하세요. shareInfo就得了。

<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: sign.appid, // 必填,公众号的唯一标识
    timestamp: sign.timestamp, // 必填,生成签名的时间戳
    nonceStr: sign.nonceStr, // 必填,生成签名的随机串
    signature: sign.signature, // 必填,签名,见附录1
    jsApiList: [
            &#39;onMenuShareTimeline&#39;,
            &#39;onMenuShareAppMessage&#39;,
            &#39;onMenuShareQQ&#39;,
            &#39;onMenuShareWeibo&#39;,
            &#39;onMenuShareQZone&#39;
        ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
wx.ready(function() {
    wx.showOptionMenu();
    wx.onMenuShareAppMessage(shareInfo); //获取“分享给朋友”按钮点击状态及自定义分享内容接口(即将废弃)
    wx.onMenuShareTimeline(shareInfo); //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃)
    wx.onMenuShareQQ(shareInfo); //获取“分享到QQ”按钮点击状态及自定义分享内容接口
    wx.onMenuShareWeibo(shareInfo); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
    wx.onMenuShareQZone(shareInfo); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
});
로그인 후 복사

微信二次分享有坑吗?

唉?我写对了怎么没通?文档上下也没写有什么要求呀?

先查看 微信公众平台-开发-接口权限 发现没权限的都提示未获得,然后去进行微信认证,我这个分享接口提示已获得了呀。上面说过什么?微信的文档可以去后面查看一般都有说明。就是下面这句话,那么问题就来了,个人号是没法做认证的。

在iOS和Android都无法分享(请确认公众号已经认证,只有认证的公众号才具有分享相关接口权限,如果确实已经认证,则要检查监听接口是否在wx.ready回调函数中触发)

关于api调不通错误整理

  • invalid url domain,我的问题是js安全域名没搞

  • invalid url signature,我的问题是jsapi_ticket没有更新过来

  • 微信 JS 接口签名校验工具

QQ二次分享先说文档

网上流传的文档,什么api的,我试了,不好使。通过地址进去,最后的维护都是15年什么的。

怎么去设置二次分享

通过meta标签是最科学的。

<meta itemprop="name" content="标题" />
<meta itemprop="image" content="副标题" />
<meta name="description" itemprop="description" content="分享图" />
로그인 후 복사

有没有什么要注意的

这个meta标签不能后添加,必须进入页面的时候就有,也就是说只能走后台模板。不然的话,部分Android低版本拉取不到摘要(是的,有的手机动态的可以拿到),iOSrrreee

WeChat에서 2차 공유에 함정이 있나요?

어? 제대로 썼는데 왜 안되나요? 서류에 요구사항이 기재되어 있지 않나요?

먼저 WeChat 공개 플랫폼-개발-인터페이스 권한을 확인하고 권한이 없는 사용자에게 권한이 부여되지 않았다는 메시지가 표시되는 것을 확인하세요. 그런 다음 내 공유 인터페이스에 권한이 부여되었다는 메시지가 표시됩니다. 위에서 뭐라고 말했습니까? WeChat의 문서는 나중에 볼 수 있으며 일반적인 지침이 있습니다. 아래 문장인데, 개인 계정을 인증할 수 없는 문제가 발생합니다.

는 iOS와 Android 모두에서 공유할 수 없습니다. (공식 계정이 인증되었는지 확인해주세요. 인증된 공식 계정만이 관련 인터페이스 공유 권한을 가집니다. 실제로 인증된 경우 청취 인터페이스가 다음에서 실행되는지 확인하세요. wx.ready 콜백 함수 )

API 조정 오류 정렬 정보

  • 잘못된 URL 도메인 , 제 질문은 js 보안 도메인 이름이 수정되지 않았습니다

  • 잘못된 URL 서명입니다. 제 문제는 jsapi_ticket이 업데이트되지 않았다는 것입니다
  • WeChat JS 인터페이스 서명 확인 도구

QQ 두 번째 공유 먼저 문서 이야기를 해보자

인터넷에 떠도는 문서, 어떤 API인지, 사용해 보았는데, 하지만 작동하지 않습니다. 주소로 들어가시면 최종 유지관리 기간이 15년 정도 됩니다.

🎜🎜2차 공유 설정 방법🎜🎜🎜가장 과학적인 방법은 메타 태그를 사용하는 것입니다. 🎜rrreee🎜주의하셔야 할 점이 있나요🎜🎜이 메타 태그는 나중에 추가할 수 없으며, 페이지에 들어갈 때 있어야 합니다. 즉, 배경 템플릿만 사용할 수 있다는 의미입니다. 그렇지 않으면 Android의 일부 하위 버전에서는 요약을 가져올 수 없으며(예, 일부 휴대폰에서는 동적으로 가져올 수 있음) iOS에서는 이를 지원하지 않습니다. 🎜🎜사실 기술 관련 기사는 시간에 민감합니다🎜🎜이 기사는 2018년 7월 30일에 작성되었습니다.🎜🎜2018년 7월 30일에 테스트되었습니다.🎜🎜요약: 위 내용은 이 기사의 전체 내용입니다. 도움이 되길 바랍니다. 모두에게 학습이 도움이 됩니다. 더 많은 관련 튜토리얼을 보려면 🎜Html5 비디오 튜토리얼🎜을 방문하세요! 🎜🎜관련 권장 사항: 🎜🎜🎜php 공공 복지 교육 비디오 튜토리얼🎜🎜🎜🎜HTML5 그래픽 튜토리얼 🎜🎜🎜🎜HTML5 온라인 매뉴얼🎜🎜

위 내용은 Html5 페이지의 2차 공유 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:jb51.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿