Résumé des méthodes js couramment utilisées dans le développement WeChat

Cet article résume pour vous quelques méthodes js qui sont souvent utilisées dans notre développement quotidien de projets WeChat. Elles sont toutes utilisées très fréquemment et sont une méthode très simple, recommandée à tous. ici.

1. Page WebImagesFaites glisser votre doigt vers la gauche et la droite pour afficher les images, comme indiqué ci-dessous :

Effet js

L'effet js le code est le suivant :

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 () {});
        }
    }

Éléments de la page :

Le code est le suivant :

　　<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. WeChat fermeture de la fenêtre événement , l'exemple est le suivant :

Le code est le suivant :

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

3. amis, Moments, Weibo

Le code est le suivant :

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. Masquer le bouton dans le coin supérieur droit de la page Web . 🎜>

Le code est le suivant :

　WeixinJsBridge.call('hideOptionMenu');　

5. Masquer le bas de la page Web Barre de navigation<🎜. >

Le code est le suivant :

　WeixinJsBridge.call('hideToolbar');

6. Obtenez le type de connexion réseau actuel :

Le code est le suivant. suit :

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

7. Interdire aux utilisateurs de partager

Le code est le suivant :

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

8. Déterminez s'il faut ouvrir dans le navigateur intégré de WeChat

Le code est le suivant :

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

Les 8 éléments ci-dessus sont donnés dans cet article Le contenu vous avez partagé, j'espère que cela sera utile au développement de WeChat de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!