Résumé des méthodes js couramment utilisées dans le développement WeChat-Développement WeChat-php.cn

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

高洛峰

Libérer： 2017-03-15 17:26:10

original

1711 Les gens l'ont consulté

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 != &#39;undefined&#39;) {
            //微信图片集查看
            WeixinJSBridge.invoke(&#39;imagePreview&#39;, {
                &#39;current&#39;:currentUrl, //当前地址
                &#39;urls&#39;:pictures //组
            });
        } else {
            alert( "请在微信中查看", null, function () {});
        }
    }

Copier après la connexion

É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>

Copier après la connexion

2. WeChat fermeture de la fenêtre événement , l'exemple est le suivant :

Le code est le suivant :

 WeixinJSBridge.invoke(&#39;closeWindow&#39;,{},function(res){
       //alert(res.err_msg);
 });

Copier après la connexion

3. amis, Moments, Weibo

Le code est le suivant :

var lineLink = &#39;http://../..&#39;,
　　imgUrl = &#39;http://../..&#39;,
　　shareTitle = &#39;页面标题&#39;,
　　descContent=&#39;内容简介&#39;,
　　appid = &#39;&#39;;
//判断是否支持微信js
 if(typeof WeixinJsBridge == &#39;undefined&#39;){
　　if(document.addEventListener){
　　　　document.addEventListener(&#39;WeixinJsBridgeReady&#39;,onBridgeReady,false);
　　}else if(document.attachEvent){
　　　　document.attachEvent(&#39;WeixinJsBridgeReady&#39;,onBridgeReady);
　　　　document.attachEvent(&#39;onWeixinJsBridgeReady&#39;,onBridgeReady);
　　}
 }else{
　　onBridgeReady();
 }
function onBridgeReady (){
　　WeixinJsBridgeReady.on(&#39;menu:share:appmessage&#39;,wx_shareFriend);//分享朋友
　　WeixinJsBridgeReady.on(&#39;menu:share:timeline&#39;,wx_shareTimeline);//分享到朋友圈
　　WeixinJsBridgeReady.on(&#39;menu:share:weibo&#39;,wx_shareWeibo);//分享朋友
}
function wx_shareFriend (){
　　WeixinJsBridge.invoke(&#39;sendAppMessage&#39;,{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":&#39;640&#39;,
　　　　"img_height":&#39;500&#39;,
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　});
}
function wx_shareTimeline (){
　　WeixinJsBridge.invoke(&#39;sendTimeline&#39;,{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":&#39;640&#39;,
　　　　"img_height":&#39;500&#39;,
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}　　
function wx_shareWeibo (){
　　WeixinJsBridge.invoke(&#39;sendWeibo&#39;,{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":&#39;640&#39;,
　　　　"img_height":&#39;500&#39;,
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}

Copier après la connexion

4. Masquer le bouton dans le coin supérieur droit de la page Web . 🎜>

Le code est le suivant :

　WeixinJsBridge.call(&#39;hideOptionMenu&#39;);

Copier après la connexion

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

Le code est le suivant :

　WeixinJsBridge.call(&#39;hideToolbar&#39;);

Copier après la connexion

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

Le code est le suivant. suit :

　WeixinJsBridge.invoke(&#39;getNetworkType&#39;,{},function(e){
　　　　console.log(e.err_msg);
　})

Copier après la connexion

7. Interdire aux utilisateurs de partager

Le code est le suivant :

　　WeixinJsBridge.invoke(&#39;disabledShare&#39;,{},function(e){
　　})

Copier après la connexion

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

Copier après la connexion

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!