/* 用户判断是否在微信端 */
$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("\t", ' ', $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(){ })

到这里就结束了。

ecmall 移动端 微信分享的更多相关文章

  1. ionic2+Angular web端 实现微信分享以及如何跳转回分享出去的页面

    微信分享,首先参考微信JS-SDK开发文档. step1:在启动文件index.html中引入微信js文件: <script src="http://res.wx.qq.com/ope ...

  2. 移动端H5微信分享

    移动端H5微信分享功能,可以使项目更好地传播. 微信官方教程文档:  微信JS-SDK说明文档 步骤一:绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置&quo ...

  3. H5 页面在微信端的分享

    微信分享,咋一看好像很复杂,实则非常简单.只需要调用微信官方出的微信jssdk,加上些许配置,就可以实现h5页面在微信上的分享,官方文档地址为: https://mp.weixin.qq.com/wi ...

  4. H5页面在微信端的分享

    微信分享,咋一看好像很复杂,实则非常简单.只需要调用微信官方出的微信jssdk,加上些许配置,就可以实现h5页面在微信上的分享,官方文档地址为:https://mp.weixin.qq.com/wik ...

  5. H5页面微信分享和手Q分享设置

    RT: 一. 手Q分享: 如下代码所示:设置好 description,name,image,即可,唯一注意的是image最好是200*200,要不然过小不美观,过大加载太慢 <head> ...

  6. PHP 微信分享

    share.php <?php //公众号设置一下 JS接口安全域名,不要http,www的一级域名,比如http://www.baidu.com域名下的某个路径要分享,js安全域名中只需填上 ...

  7. android微信分享要注意的地方

    最近在做android端分享的功能,在微信开放平台查看了下官网上的开发文档,一步一步的按文档上的步骤来: 1.申请你的AppID 2.下载开发工具包 3.搭建开发环境,引入libammsdk.jar文 ...

  8. .net 微信分享功能

    微信在国内目前无疑是最火的社交软件,智能手机装机必备. 微信api有java,php,Python语言的demo, 为毛没有C#的范例?兄长今天给各位带来一个.不叫哥(割)了,A股今天又暴跌[3912 ...

  9. 微信分享接口SDK简介使用

    很久没做移动端活动了,想不少人都参与过微信里面的活动,既然活动就少不了分享.那我就行一个前端的角度说说如何实现微信分享的吧. 对应微信分享,现在已有公共接口,微信的开发者文档SDK:https://m ...

随机推荐

  1. Shell 脚本进阶2

    1.查询系统基础情况脚本 #!/bin/bash # 系统状态查询脚本 # 输出系统基本信息 # # 系统版本 SYSTEM_VERSION=`cat /etc/redhat-release` # 主 ...

  2. JS设计模式(3)代理模式

    什么是代理模式? 情景:小明追女生 A 非代理模式:小明 =花=> 女生A 代理模式:小明 =花=> 让女生A的好友B帮忙 =花=> 女生A 定义:为其他对象提供一种代理以控制对这个 ...

  3. 爆料:2019手游折扣app是真福利还是骗人哪个靠谱?

    直接上干货.也许你在找寻,安全的手游折扣App,稳定的手游折扣App,不断续充的折扣App,续充不涨价的折扣App,网上的内容太多,难以分辨.那么看这个可以直接给你答案 1.历史(2004年成立,15 ...

  4. Linux 安装搭建 tftpd 服务器

    ---------- For Ubantu 18.0.4 ---------- 0.安装tftp-server sudo apt-get install tftpd-hpa (服务器端) sudo a ...

  5. linux基础之find

    linux上文件查找工具: locate, find locate: 依赖于事先构建的索引,索引的构建在系统较为空闲时自动进行(周期性任务),手动更新数据库(updatedb) 索引构建过程需要遍历整 ...

  6. 代码覆盖率-JaCoCo

    代码覆盖率 在做单元测试时,代码覆盖率常常被拿来作为衡量测试好坏的指标,甚至,用代码覆盖率来考核测试任务完成情况,比如,代码覆盖率必须达到80%或 90%. JaCoCo Jacoco从多种角度对代码 ...

  7. P2922 [USACO08DEC]秘密消息Secret Message

    传送门 思路: 还是比较水的(不看题解不看书),用 vis 存字典树上的每个点是多少个单词的前缀,bo 来存每个点是多少个单词的结尾(坑点:会有很多相同的单词,不能只有 bool 来存).统计时:① ...

  8. idea新建一个spring项目,图解

    废话不说直接按图操作 选择Web模块的Web功能,单击Finish,idea会在spring.io网址上下载功能模板,下载玩成之后就是一个完整的Spring Boot工程 Project locati ...

  9. Hibernate向数据库存入BLOB和CLOB类型的数据

    我选用的是byte[] +@Lob 刚开始采用的java.sql.Blob,将上传的图片getBytes()后,通过Hibernate.getLobCreator(HibernateSessionFa ...

  10. python内置类型:列表,包括 list 和 tuple

    列表list 是一种有序的集合 ,假定list的名字为class list的元素个数:len( class) 访问元素: a. 索引从0开始    b. 也可以使用[-1],[-2],[-3] 从后面 ...