WeChat 브라우저 내장 JavaScript 개체 WeixinJSBridge 사용 example_javascript 기술

WeChat 공개 플랫폼은 프런트엔드 웹 페이지를 지원하기 시작했습니다. 많은 웹 페이지에 순간 공유 및 WeChat 팔로우와 같은 버튼이 있는 것을 볼 수 있습니다. 이를 클릭하면 공유하고 팔로우할 수 있는 창이 나타납니다. 이것이 어떻게 달성됩니까? 오늘은 Moments에 공유를 추가하는 방법, WeChat 공개 플랫폼의 프런트 엔드 웹 페이지에서 WeChat ID 및 기타 버튼을 팔로우하는 방법을 설명하겠습니다.

1. 위챗 내장 브라우저

Mac을 통해 iPhone에서 WeChat의 자체 웹페이지를 원격으로 디버깅하면 WeChat에 내장된 브라우저가 비공개 JavaScript 개체인 WeixinJSBridge를 정의하는 것을 확인할 수 있습니다. 이 개체의 관련 메소드를 작동하여 WeChat Moments와 공유하고 WeChat 친구를 판단할 수 있습니다. .신호의 주의 상태 및 지정된 WeChat 계정 팔로우 등의 기능 구현.

2.js 기능: 순간에 공유

코드 복사 코드는 다음과 같습니다.

함수 weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke('shareTimeline',{
"img_url":imgUrl,
//"img_width":"640",
//”img_height”:”640″,
"링크":링크,
"desc": 설명,
"제목":제목
});
}

3.js 기능: 친구에게 보내기

코드 복사 코드는 다음과 같습니다.

함수 weixinSendAppMessage(title,desc,link,imgUrl){
WeixinJSBridge.invoke('sendAppMessage',{
//"appid":appId,
"img_url":imgUrl,
//"img_width":"640",
//"img_height":"640",
"링크":링크,
"desc":desc,
"제목":제목
});
}

4. js 기능: Tencent Weibo에 공유

코드 복사 코드는 다음과 같습니다.

함수 weixinShareWeibo(제목,링크){
WeixinJSBridge.invoke('shareWeibo',{
"콘텐츠":제목 링크,
"url":링크
});
}

5.js 기능: 지정된 위챗 계정 팔로우

코드 복사 코드는 다음과 같습니다.

함수 weixinAddContact(이름){
WeixinJSBridge.invoke(“addContact”, {webtype: “1″,username: name}, function(e) {
WeixinJSBridge.log(e.err_msg);
//e.err_msg:add_contact:add가 추가되었습니다
//e.err_msg:add_contact:cancel 추가 취소
//e.err_msg:add_contact:ok 성공적으로 추가되었습니다
if(e.err_msg == '추가_연락처:추가됨' || e.err_msg == '추가_연락처:확인'){
//성공적으로 팔로우했거나 이미 팔로우했습니다
}
})
}