WeChat開発でよく使われるjsメソッドのまとめ-WeChatの開発-php.cn

WeChat開発でよく使われるjsメソッドのまとめ

高洛峰

リリース： 2017-03-15 17:26:10

オリジナル

1727 人が閲覧しました

この記事では、WeChat プロジェクトの日常の開発でよく使用されるいくつかの js メソッドをまとめています。これらはすべて、非常に頻繁に使用される、非常に簡単なメソッドです。

1. Web ページ画像以下に示すように、左右にスワイプして画像を表示します:

js 効果

コードは次のとおりです:

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

ログイン後にコピー

ページ要素:

コードは次のとおりです。

　　<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ウィンドウイベントを閉じます。例は次のとおりです:

コードは次のとおりです:

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

ログイン後にコピー

3. Webページのリンクを友達、Moments、Weiboに共有します。

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

ログイン後にコピー

4. ウェブページの右上隅にある

ボタンを非表示にします コードは次のとおりです:

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

ログイン後にコピー

5. 下部にある

ナビゲーションバーを非表示にしますウェブページ コードは次のとおりです:

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

ログイン後にコピー

6. 現在のネットワーク接続の種類を取得します:

コードは次のとおりです:

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

ログイン後にコピー

7 . ユーザーの共有を禁止します

コードは次のとおりです:次のように:

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

ログイン後にコピー

8. WeChat の内蔵ブラウザで開くかどうかを決定します

コードは次のとおりです:

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

ログイン後にコピー

この記事で共有できる内容は次のとおりです。あなたのWeChat開発が役立つでしょう。

以上がWeChat開発でよく使われるjsメソッドのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。