thinkphp5.x中集成微信JS-SDK

2019-11-09 14:41:38

字體：大中小

來源：轉載

供稿：網友

Question

使用thinkphp框架開發微信公眾號需要用到jssdk的一些功能。Mark一些如何解決部署、模塊設計一些小的case啦。下面是參考的一些傳送門：https://my.oschina.net/superkangning/blog/368043 http://www.jianshu.com/p/dee2d998422e https://mp.weixin.QQ.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E8.8E.B7.E5.8F.96.E2.80.9C.E5.88.86.E4.BA.AB.E5.88.B0.E6.9C.8B.E5.8F.8B.E5.9C.88.E2.80.9D.E6.8C.89.E9.92.AE.E7.82.B9.E5.87.BB.E7.8A.B6.E6.80.81.E5.8F.8A.E8.87.AA.E5.AE.9A.E4.B9.89.E5.88.86.E4.BA.AB.E5.86.85.E5.AE.B9.E6.8E.A5.E5.8F.A3

1、環境

thinkphp5.0.2 微信測試賬號為例

2、登錄微信公眾平臺后臺或者測試賬號后臺

進入后臺之后。設置js安全域名。如圖：這里寫圖片描述填寫一級域名就ok了。設置完之后，會可能延遲生效一小會，不要著急。

3、下載微信安裝的sdk安裝包并準備文件

下載地址：http://demo.open.weixin.qq.com/jssdk/sample.zip下載完之后，找到php的版本，包括 access_token.json、 jsapi_ticket.json、jssdk.php。其中將前兩個文件內容設置如下: 這里寫圖片描述然后在你的thinkphp5.x框架的的第三方接口擴展目錄下（我這里是extend）里面建立文件夾，命名為org（為了標準）。然后創建類文件Jssdk.php，把jssdk.php中的內容復制進去。不要忘記設置命名空間，如下圖所示這里寫圖片描述這三個文件的位置如下圖所示：因為tp路由的關系，所以我們要對Jssdk.php的內容進行改寫。加上私有屬性path，并且在構造函數中設置 $path，并且在構造函數中設置$ this->path = DIR.DS。如下圖所示：

4、開始調用

完成上述操作之后，我們已經成功的將微信jssdk部署到我們的項目中。通過閱讀微信jssdk開發的手冊，我們可以發現，我們使用jssdk主要是要獲得一些重要的參數:主要是appId、 $appId、$ timestamp、$nonceStr…..不贅述，自己看文檔。而這些是可以復用的代碼，所以我在view層建立了public文件夾和jssdk.html文件，讓需要使用到jssdk的模塊添加這個文件就好了。如圖：這里寫圖片描述 jssdk.html的內容是:

我這里只做了分享的功能。如果別的功能，我認為可以按照類似的模式來開發。其中

var imgUrl = "{$imgUrl}";var link = "{$link}";appId: '{$appId}',timestamp: '{$timestamp}',nonceStr: '{$nonceStr}',signature: '{$signature}',

里面的參數值，都是通過tp模板賦值寫入的。來寫入的控制器的代碼如下：

<?php/** * Created by PhpStorm. * User: tao * Date: 2017/2/7 * Time: 上午10:36 * Description: */namespace app/index/controller;use think/Config;use think/Controller;use app/index/model/Activityinfo;use org/wechat/Jssdk;use think/Request;class Activity extends Controller{ public function __construct(Request $request) { parent::__construct($request); $this->wechatShare(); } //jssdk分享功能封裝 public function wechatShare() { $jssdkObj = new Jssdk(Config::get('WEIXINAPPID'), Config::get('WEIXINAPPSERCET')); $res = $jssdkObj->getSignPackage(); $appId = $res['appId']; $timestamp = $res['timestamp']; $nonceStr = $res['nonceStr']; $signature = $res['signature']; $link = 'http://www.baidu.com'; $imgUrl = Config::get('ROOT').'/static/index/img/activity_logo.png'; $this->assign( array( 'appId'=>$appId, 'timestamp'=>$timestamp, 'nonceStr'=>$nonceStr, 'signature'=>$signature, 'link'=>$link, 'imgUrl'=>$imgUrl ) ); }

我這個控制下的渲染的Html文件中幾乎到調用到jssdk，所以我就在構造函數中將其賦值。這樣，同一個控制一下的html模板只要寫{include file='public/jssdk'} 就可以來使用jssdk的功能。假如更多的使用的話，可以自己定義基類來使用。that`s all.

上一篇：thinkphp5微信上傳下載圖片到本地

下一篇：PHP判斷手機系統