チュートリアルを達成するために、カスタムのマイクロチャネルのリンク情報(タイトル、画像やコンテンツ)を共有

タイトル、コンテンツや写真をカスタマイズする方法のページの手紙に共有しますか?

需要の概要

マイクロ手紙は、ユーザーが友人、ブラウザの右コーナーを通じてお友達の輪、QQや他のマイクロ文字に共有することができます内蔵のブラウザマイクロチャネルを開く、このページのリンクを直接転送することができます。しかし、この直接の共有は、ユーザーが何のグラフィックコンテンツはありません、唯一のリンクを参照してください。

次の図は、図1には、私のリンク効果を共有するために誰か、私は他の人と共有する2効果です。ユーザーは、私は、1が出て見ることができると言う必要はありませんだと思う二つのプログラムを体験します。

 

達成するためのプログラム

効果のアイコンのフィギュアカスタムコピーに到達するために、我々はJS-SDKは、マイクロチャネルを提供して採用しなければならない、マイクロチャネルJS-SDKは、Web開発者は、マイクロチャネルキット内のWebベースの開発を提供するためのマイクロチャネル公共プラットフォームです。リファレンスは、マイクロチャネルJS-SDKのドキュメントかもしれません。(公開番号あなたが使用して、技術や認証なしを理解していない場合はwecardまた、実施の効果に関連することが可能なツールを。)

具体的な手順:

1は、行くには、ドメイン名空間へのドメイン名空間とバインドの記録を作成します。

2、JSにポートセキュリティドメインを埋める「数パブリック設定の」機能セットの中に、マイクロ手紙公衆プラットフォームを記録し、これはマイクロ文字のドメインアドレスを開くには、ブラウザを埋めるためにある、あなたは、IPアドレスを追加することはできません。

3、導入のjsファイルは、ページのjs JSファイルアクセスインターフェースを呼び出す必要があります。

http:// res.wx.qq.com/open/js/jweixin-1.2.0.js

 

4、設定インタフェース注入許可を通って、設定を確認(このステップは、全体のステップの中で最も重要なステップと考えられている、あなたはJS-SDKと呼ばれることができ、構成情報を修正する必要があります。)

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见附录1
    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

 

详细接入代码

+ (currentLink.indexOf("?") > -1 ? ("&u=" + "${u!}" + "&t=" + "${t!}" + "&o=" + "${o!}" + "&s=" + "${s!}") : ("?u=" + "${u!}" + "&t=" + "${t!}" + "&o=" + "${o!}" + "&s=" + "${s!}"));
           shareLink = shareLink  + (shareLink.indexOf("?") > -1 ? ("&city=" + "深圳") : ("?city=" + "深圳"));
    var shareImgUrl = "${IMGPATH!}/images/banner2.png";
    var shareGid = "";

    wx.ready(function () {
        //分享给朋友
        wx.onMenuShareAppMessage({
            title: shareTitle,
            desc: shareDesc,
            link: shareLink,
            imgUrl: shareImgUrl,
            success: function (res) {
                   shared(shareLink, "friend", shareGid);
               },
               fail: function (res) {
                 alert(JSON.stringify(res));
               }
        });
        //分享到朋友圈
        wx.onMenuShareTimeline({
            title: shareTitle,
            desc: shareDesc,
            link: shareLink,
            imgUrl: shareImgUrl,
            success: function (res) {
                   shared(shareLink, "Timeline", shareGid);
               },
               fail: function (res) {
                 alert(JSON.stringify(res));
               }
        });
          //分享到QQ
        wx.onMenuShareQQ({
            title: shareTitle,
            desc: shareDesc,
            link: shareLink,
            imgUrl: shareImgUrl,
            success: function (res) {
                   shared(shareLink, "QQ", shareGid);
               },
               fail: function (res) {
                 alert(JSON.stringify(res));
               }
        });
          //分享到腾讯QQ
        wx.onMenuShareWeibo({
            title: shareTitle,
            desc: shareDesc,
            link: shareLink,
            imgUrl: shareImgUrl,
            success: function (res) {
                   shared(shareLink, "Weibo", shareGid);
               },
               fail: function (res) {
                 alert(JSON.stringify(res));
               }
        });
          //分享到QZone
        wx.onMenuShareQZone({
            title: shareTitle,
            desc: shareDesc,
            link: shareLink,
            imgUrl: shareImgUrl,
            success: function (res) {
                   shared(shareLink, "QZone", shareGid);
               },
               fail: function (res) {
                 alert(JSON.stringify(res));
               }
        });
    });

    function shared(url, type, gid){
        var rUrl = basePath + "/share/add?type=" + type + "&url=" + encodeURI(url);
        if(!!gid) {
            rUrl += "&gid=" + gid;
        }
        $.ajax({
            type: "GET",
            url: rUrl,
            dataType: "json",
            success: function(rs){
                //alert("分享成功");
            }
        });
    }
   " _ue_custom_node_="true">

 

おすすめ

転載: www.cnblogs.com/lldbk12/p/11455604.html