WeChat 개발에 일반적으로 사용되는 js 방법 요약

이 글은 WeChat 프로젝트의 일상적인 개발에 자주 사용되는 몇 가지 js 방법을 요약합니다. 이 방법은 모두 매우 자주 사용되며 여기 있는 모든 사람에게 권장되는 매우 간단한 방법입니다.

1. 웹페이지사진왼쪽 및 오른쪽으로 스와이프하여 사진 보기, 아래와 같이:

js 효과

코드는 다음과 같습니다:

var pictures = [];
 angular.forEach(pitctures,function(k,i){
         pictures[i] = k.imgPath;
 });
 $scope.previewPics = function(currentUrl){
        if (typeof window.WeixinJSBridge != 'undefined') {
            //微信图片集查看
            WeixinJSBridge.invoke('imagePreview', {
                'current':currentUrl, //当前地址
                'urls':pictures //组
            });
        } else {
            alert( "请在微信中查看", null, function () {});
        }
    }

페이지 요소:

코드는 다음과 같습니다:

　　<p class="infoPics">
           <p class="picImg" ng-repeat="picture in info.infoContent.pitctures">
                <img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
           </p>
     </p>

2. > 이벤트 , 예시는 다음과 같습니다.

코드는 다음과 같습니다.

 WeixinJSBridge.invoke('closeWindow',{},function(res){
       //alert(res.err_msg);
 });

3. 웹 링크를 친구, 모멘트, 웨이보에 공유합니다.

코드는 다음과 같습니다.

var lineLink = 'http://../..',
　　imgUrl = 'http://../..',
　　shareTitle = '页面标题',
　　descContent='内容简介',
　　appid = '';
//判断是否支持微信js
 if(typeof WeixinJsBridge == 'undefined'){
　　if(document.addEventListener){
　　　　document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
　　}else if(document.attachEvent){
　　　　document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
　　　　document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
　　}
 }else{
　　onBridgeReady();
 }
function onBridgeReady (){
　　WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友
　　WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈
　　WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友
}
function wx_shareFriend (){
　　WeixinJsBridge.invoke('sendAppMessage',{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":'640',
　　　　"img_height":'500',
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　});
}
function wx_shareTimeline (){
　　WeixinJsBridge.invoke('sendTimeline',{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":'640',
　　　　"img_height":'500',
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}　　
function wx_shareWeibo (){
　　WeixinJsBridge.invoke('sendWeibo',{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":'640',
　　　　"img_height":'500',
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(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 Open에 내장되어 있는지 확인합니다

브라우저에 표시되며 코드는 다음과 같습니다.

　　// true or false
　　var flag = WeixinApi.openInWeixin();

위 8개 항목은 이 글에서 공유한 내용입니다. 모든 분들의 WeChat에 도움이 되기를 바랍니다. 개발.

위 내용은 WeChat 개발에 일반적으로 사용되는 js 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!