• ecmall 移动端 微信分享


    /* 用户判断是否在微信端 */
    		$this->assign('isWeixin', isWeixin());  //isWeixin() 在系统核心基础类的ecmall.php里定义好了 是微信端则返回值是ture    phpcms里也有一个判断是否是微信的方法,叫什么来着 是 from_weixin()
    		/*start@author:hans@date:20160718*/
    		//引入微信授权
    		if( isWeixin() ){   
    			import('weixinsdk');    //引入微信的js-sdk文件 import()在系统核心基础类的ecmall.php里定义好了
    			$weixin_config = require_once('data/weixin_config.php');   //引入微信的配置文件 包含appid等必要东西
    			$jssdk = new JSSDK($weixin_config['appId'], $weixin_config['appSecret']);   //实例化
    			$signPackage = $jssdk->GetSignPackage();    //  调用获取access_token的方法  注意获取微信签名的时候 返回的$signPackage里的url一定要和当前地址栏的url一样才能成功
    			$this->assign('wxsignPackage',$signPackage);
    		}
    		/*end@author:hans@date:20160718*/
    

    注意获取微信签名的时候 返回的$signPackage里的url一定要和当前地址栏的url一样,才会显示成功。也就是说 js-ssdk里面的 GetSignPackage()这个方法有可能自己要修改

    这段代码写在了frontend.base.php文件中 也就是 前台控制器基础类 FrontendApp 类的 display 方法里 (引入模版就要用到display)--致敬大腿,写在了display里,腻害了,要是我的话估计哪里用才写 = =||

     

    在控制器对应的方法(例如是index)里需要配置SEO信息

            /* 配置seo信息 */
            $this->_config_seo($this->_get_seo_info($store));//这个_get_seo_info()并不是必须的,他只是为了处理参数,其实可以直接给_config_seo()传一个数组,作为参数,数组里包含想分享的内容
    

    配置SEO的方法(_config_seo)在includes/ecapp.base.php中 , 用于分享的链接,标题等等的显示

     function _get_seo_info($data)
        {
            $seo_info = $keywords = array();
            $seo_info['title'] = format_js($data['store_name'] . ' - ' . Conf::get('site_title'), false);        
            $keywords = array(
                str_replace("	", ' ', $data['region_name']),
                $data['store_name'],
            );
            //$seo_info['keywords'] = implode(',', array_merge($keywords, $data['tags']));
            $seo_info['keywords'] = implode(',', $keywords);
            $seo_info['description'] = format_js(sub_str(strip_tags($data['description']), 100, true), false);
            $seo_info['imgUrl'] = SITE_URL . '/' .$data['store_logo'];
            $seo_info['link'] =  SITE_URL . '/' . str_replace(array('&isappinstalled=0','&from=timeline'),array('',''),str_replace('&', '&', url($_SERVER['QUERY_STRING'])));//分享链接不能转义
        	//debug
    		//$handler = init_phpconsole();
    		//$handler->debug($seo_info, 'share');
            return $seo_info;
        }
    

     然后在上述方法(index)里引入的模版页面加入分享的js,这里是写了一个公共模版文件,在index方法引入模版的最下方引入该分享模版

    <div class="ui-actionsheet">  
      <div class="ui-actionsheet-cnt">
    	<h4>分享到</h4>
        <button id="weixinfriend">微信</button>  
        <button id="weixintimeline">微信朋友圈</button>
        <button id="tweibo">腾讯微博</button>
        <button id="qzone">QQ空间</button>
        <button id="cancelShare">取消</button> 
      </div>         
    </div>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
    function share_pop(){
      $('.ui-actionsheet').addClass('show');
    }
    
    $(function(){
        Zepto("#cancelShare").tap(function(){
    		$('.ui-actionsheet').removeClass('show');  
        });
    	/* {if $isWeixin} */
    	wx.config({
    		debug: false,
    		appId: '{$wxsignPackage.appId}',
    		timestamp: '{$wxsignPackage.timestamp}',
    		nonceStr: '{$wxsignPackage.nonceStr}',
    		signature: '{$wxsignPackage.signature}',
    		jsApiList: [
    		  //分享到朋友圈
    		  'onMenuShareTimeline',
    		  //分享给朋友
    		  'onMenuShareAppMessage',
    		  //分享到QQ空间
    		  'onMenuShareQZone',
    		  //分享到腾讯微博
    		  'onMenuShareWeibo'
    		]
    	});
    	wx.ready(function () {
    		//分享给朋友
    		wx.onMenuShareAppMessage({
    			title: '{$_seo_info.title}', // 分享标题
    			desc: '{$_seo_info.description}', // 分享描述
    			link: '{$_seo_info.link}', // 分享链接
    			imgUrl: '{$_seo_info.imgUrl}' // 分享图标
    		});
    		//分享到朋友圈
    		wx.onMenuShareTimeline({
    			title: '{$_seo_info.title}', // 分享标题
    			link: '{$_seo_info.link}', // 分享链接
    			imgUrl: '{$_seo_info.imgUrl}' // 分享图标
    		});
    		//分享到QQ
    		wx.onMenuShareQZone({
    			title: '{$_seo_info.title}', // 分享标题
    			desc: '{$_seo_info.description}', // 分享描述
    			link: '{$_seo_info.link}', // 分享链接
    			imgUrl: '{$_seo_info.imgUrl}' // 分享图标
    		});
    		//分享到微博
    		wx.onMenuShareWeibo({
    			title: '{$_seo_info.title}', // 分享标题
    			desc: '{$_seo_info.description}', // 分享描述
    			link: '{$_seo_info.link}', // 分享链接
    			imgUrl: '{$_seo_info.imgUrl}' // 分享图标
    		});
    	});
    	/* {/if} */
    });
    
    </script>
    

     上面的display方法里 不是传过来 isWeixin这个变量了吗,在这里进行判断, 如果是微信端 那么

    通过config接口注入权限验证配置

    所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用。

    配置的参考文档:https://mp.weixin.qq.com/wiki

    微信网页开发/微信JS-SDK说明文档

    通过了权限验证 那么就会执行wx。ready(function(){ })

    到这里就结束了。

  • 相关阅读:
    【t035】收入计划
    【Z10】引水入城
    【a702】贷款利率
    【t057】任务分配
    10个带源码的充满活力的Web设计教程
    PHP和MySQL Web开发(原书第4版) 高清PDF+源代码
    Optimizing concurrent accesses in a directory-based coherency protocol
    献给母亲节的沙画,致此生最爱——母亲!
    献给母亲节的沙画,致此生最爱——母亲!
    C#一些实用的工具
  • 原文地址:https://www.cnblogs.com/benpaodelulu/p/7007807.html
Copyright © 2020-2023  润新知