近日,微信公眾平臺面向開發者推出了微信內網頁開發工具包(微信JS-SDK),內含11類接口集。
從此之後,開發者不僅能夠在網頁上使用微信本身的拍照、選圖、語音、位置等基本能力,還可以直接使用微信分享、掃壹掃、卡券、支付等微信特有的能力,為用戶提供更優質的網頁體驗。
那麽問題來了:如何在Cocos2d-JS遊戲中快速接入微信SDK?
接下來我們將用基於Cocos2d-JS的微信遊戲《來自喵星的妳》來做個說明,教大家如何快速接入剛剛發布的微信SDK。
(微信支付API正在路上,歡迎關註下期連載哦!)
1.申請公眾號
因為微信只能使用公眾號接入SDK,所以我們必須先註冊壹個公眾號。
2.設置公眾號
登錄公眾平臺後,點擊左下角的 設置-公眾號設置。右側有壹個js接口安全域名的設置,這裏可以綁定3個用到的域名,必須填入頂級域名。
然後點擊左下角的 開發者中心,右側會有壹個AppID和壹個AppSecret。這兩個先記錄下來,過後會用到。
3.生成token
打開頁面 微信公眾平臺接口調試工具 並且填入剛才的appid和secret,點擊檢查問題。記錄下返回結果裏面的“access_token”的值。
4.獲取ticket
復制這個鏈接:/cgi-bin/ticket/getticket?access_token=填寫剛剛獲取的access_token&type=jsapi
並在裏面的access_token=後面填入剛剛獲取的access_token(對的,就是那壹串亂碼壹樣的東西),回車!!
然後把“ticket”的值復制出來,並保存起來,這個就是當前appid的ticket了。
5.生成簽名
打開 微信 JS 接口簽名校驗工具 填入相應的數據:
1)jsapi_ticket: 填入上壹步獲取的ticket
2)noncestr: 這裏隨機生成壹個字符串填進去(VQhYOUJRz6RolHqN)
3)timestamp: 這裏填入壹個時間戳,去掉毫秒的3位(如:1420870884) - 這裏盡量寫ticket生成後的壹段時間,new Date() - 0可以獲取當前的時間戳
4)url: 準備放頁面的地址(域名必須在第二部中設置到安全域名內,如:/open/js/jweixin-1.0.0.js"></script>
並且執行初始化:
jsApiList填入的是當前需要使用的接口,需要註意的是,如果公眾號不具備某些接口的權限,填進去也無法執行。
這時候將頁面上傳到第五步填入的url地址,並在微信中打開,應該能夠看見config:ok的提示。
如果出現了Invalid Url或者Invalid Domain等提示,說明公眾號配置裏面出現了問題。而出現Invalid signature的話,則是signature生成出現了問題,檢查下timestamp以及隨機字符串等是否正確。
到這裏我們就可以酣暢淋漓的使用微信的SDK啦。
比方說我們判斷wifi加載音頻,而非wifi情況則不加載任何音頻文件: