WeChat JS-SDK 사용자 정의 공유 기능 예시에 대한 자세한 설명 [친구에게 공유/순간에 공유]

이 기사의 예에서는 WeChat JS-SDK의 사용자 정의 공유 기능을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

공유된 내용은 jssdk를 통해 수정할 수 있습니다.

1. jssdk 구성

Wx_config.html

<?php
import("@.ORG.jssdk");
$jssdk = new JSSDK(C(&#39;oauth_config.appid&#39;), C(&#39;oauth_config.appsecret&#39;));
$signPackage = $jssdk->GetSignPackage();
?>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
  wx.config({
    debug: false,
    appId: &#39;<?php echo $signPackage["appId"];?>&#39;,
    timestamp: &#39;<?php echo $signPackage["timestamp"];?>&#39;,
    nonceStr: &#39;<?php echo $signPackage["nonceStr"];?>&#39;,
    signature: &#39;<?php echo $signPackage["signature"];?>&#39;,
    jsApiList: [
      &#39;onMenuShareTimeline&#39;,
      &#39;onMenuShareAppMessage&#39;,
      &#39;chooseImage&#39;,
      &#39;uploadImage&#39;
    ]
  });
</script>

2 .친구와 이벤트를 추가하고 공유하고 Moments에 공유하세요

<script>
// 微信JSSDK开发
wx.ready(function () {
  // 分享给朋友
  wx.onMenuShareAppMessage({
   title: &#39;{sh:$wxShare.title}&#39;, // 商品名
   desc: &#39;{sh:$wxShare.desc}&#39;, // 店铺名
   link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址
   imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标
   fail: function (res) {
    alert(JSON.stringify(res));
   }
  });
  // 分享到朋友圈
  wx.onMenuShareTimeline({
   title: &#39;{sh:$wxShare.title}&#39;, // 商品名
   link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址
   imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标
   fail: function (res) {
    alert(JSON.stringify(res));
   }
  });
});
</script>

3. 백그라운드에서 wxShare 데이터 가져오기

/**** 获取微信分享数据 ****/
$shop_id = $this->_get('shop_id','intval');
$wxShare['title'] = $goodsData['name'];
$wxShare['desc'] = $store['name'];
$wxShare['imgUrl']= $this->siteUrl.$goodsData['logoimg'];
$wxShare['link'] = $this->siteUrl.U('Goods/info',array('id'=>$goodsData['id'],'shop_id'=>$shop_id));
$this->assign('wxShare',$wxShare);

여기의 주소는 절대 주소여야 합니다. 그렇지 않으면 WeChat이 상대 주소를 인식할 수 없습니다.

설정하지 않으면 기본 제목, 기본 로고, 기본 세부정보가 됩니다.
이벤트 설정 후 원하시는 내용에 따라 공유해 드립니다.

4. 페이지, 소스코드를 배포하고 싶습니다

  
  
  
  
  
  
  
  
  
  
  


  

    

    
    

      
分销佣金
        {sh:$commission}元
      
已销售
        
          echo ($goodsData['salecount'] + $goodsData['fakemembercount']);
        件
    
  
  

    
      

        

        

          

          

            
我是
              {sh:$wxuserData.nickname}，
              
我为{sh:$store.name}代言。
          
        
      
    
    

      

        
        

          {sh:$goodsData.name}
          

            ¥{sh:$goodsData.price}
            ¥{sh:$goodsData.oprice}
          
        
      
    
    

      
      长按二维码 识别图中二维码
    
  
  

    

       分销如何赚钱
    
    

      

        第一步：转发商品链接或商品二维码图片给微信好友；
        

        

        第二步：从您转发的链接或图片进入商城的好友，系统将自动锁定成为您的客户，他们在微信商城中购买任何商品，您都可以获得分销佣金；
        

        

        第三步：您可以在分销中查看【我的团队】和【分销佣金】。好友确认收货后，佣金可提现。
        

        

      
    
  
  


<script>
// 微信JSSDK开发
wx.ready(function () {
  // 分享给朋友
  wx.onMenuShareAppMessage({
   title: &#39;{sh:$wxShare.title}&#39;, // 商品名
   desc: &#39;{sh:$wxShare.desc}&#39;, // 店铺名
   link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址
   imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标
   fail: function (res) {
    alert(JSON.stringify(res));
   }
  });
  // 分享到朋友圈
  wx.onMenuShareTimeline({
   title: &#39;{sh:$wxShare.title}&#39;, // 商品名
   link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址
   imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标
   fail: function (res) {
    alert(JSON.stringify(res));
   }
  });
});
</script>