WeChat_javascript 기술에서 일반적으로 사용되는 일부 js 메소드 요약

1. 다음 예와 같이 웹페이지 사진 컬렉션을 좌우로 스와이프하여 사진을 봅니다.

js 효과

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

var 그림 = [];
angular.forEach(pitctures,function(k,i){
        사진[i] = k.imgPath;
});
$scope.previewPics = 함수(현재Url){
If (window.WeixinJSBridge 유형 != '정의되지 않음') {
//위챗 사진첩 보기
WeixinJSBridge.invoke('imagePreview', {
                 'current':currentUrl, //현재 주소
                 'urls':사진 //그룹
            });
         } else {
Alert("WeChat에서 확인하세요.", null, function () {});
}
}

페이지 요소:

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

​

              

& Lt; img ng-src = "{picture.imgpath}}" ng-click = "미리보기 사진(picture.imgpath)" & gt;                                                     

2. 위챗 창닫기 이벤트

, 예시는 다음과 같습니다.

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

WeixinJSBridge.invoke('closeWindow',{},function(res){

​​​ //경고(res.err_msg);
});

3. 친구, 모멘트, 웨이보에 웹 링크를 공유하세요

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

var lineLink = 'http://../..',
​imgUrl = 'http://../..',
​shareTitle = '페이지 제목',
​descContent='콘텐츠 소개',
　appid = '';
//WeChat js 지원 여부 확인
if(WeixinJsBridge 유형 == '정의되지 않음'){
​if(document.addEventListener){
​​document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
}else if(document.attachEvent){
​​document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
​​document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
}
}그밖에{
onBridgeReady();
}
onBridgeReady 함수(){
WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//친구 공유
WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//순간에 공유
WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//친구 공유
}
함수 wx_shareFriend (){
WeixinJsBridge.invoke('sendAppMessage',{
"appid":appid,
"img_url":imgurl,
"img_width":'640',
"img_height":'500',
"링크":라인링크,
"desc":descContent,
"제목":공유제목
　　},함수(res){
　　　console.log(res.err_msg);
　　}
});
}
함수 wx_shareTimeline (){
WeixinJsBridge.invoke('sendTimeline',{
"appid":appid,
"img_url":imgurl,
"img_width":'640',
"img_height":'500',
"링크":라인링크,
"desc":descContent,
"제목":공유제목
　　},함수(res){
　　　console.log(res.err_msg);
　　}
})
}　
함수 wx_shareWeibo (){
WeixinJsBridge.invoke('sendWeibo',{
"appid":appid,
"img_url":imgurl,
"img_width":'640',
"img_height":'500',
"링크":라인링크,
"desc":descContent,
"제목":공유제목
　　},함수(res){
　　　console.log(res.err_msg);
　　}
})
}

4. 웹페이지 오른쪽 상단 버튼 숨기기

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

WeixinJsBridge.call('hideOptionMenu')

5. 웹페이지 하단 탐색바 숨기기

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

WeixinJsBridge.call('hideToolbar');

6. 현재 네트워크 연결 유형을 확인하세요:

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

WeixinJsBridge.invoke('getNetworkType',{},function(e){
console.log(e.err_msg);
})

7. 사용자의 공유가 금지됩니다.

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

WeixinJsBridge.invoke('disabledShare',{},function(e){
})

8. WeChat 내장 브라우저에서 열지 여부를 결정합니다

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

// 참 또는 거짓
var 플래그 = WeixinApi.openInWeixin();

위 8가지 항목이 이 기사에서 여러분과 공유할 내용입니다. 모든 사람의 WeChat 개발에 도움이 되기를 바랍니다.