一、一物一碼項(xiàng)目流程
1、獲取token
通過(guò)wx.login()獲取code,訪問(wèn)后臺(tái)獲取token接口嗅蔬，通過(guò)code，拿到token等信息
2疾就、獲取一物一碼：
微信接參澜术，拿到微信的碼，訪問(wèn)后臺(tái)接口猬腰，拿到真實(shí)的碼
3瘪板、獲取用戶(hù)授權(quán)信息：
4、抽獎(jiǎng)等功能
二漆诽、微信api及方法
1侮攀、微信登錄；
2厢拭、微信授權(quán)
3兰英、設(shè)置多個(gè)音樂(lè)播放、并且設(shè)置是否受靜音按鈕影響供鸠；
4畦贸、微信帶參二維碼；
5楞捂、微信長(zhǎng)按保存二維碼薄坏、canvas圖片保存到本地
6、分頁(yè)加載：上拉加載
1寨闹、微信登錄
//?登錄
? wxLogin()?{
? ? return?new?Promise((resolve,?reject)?=>?{
? ? ? let?that?=?this;
? ? ? wx.login({
? ? ? ? success(res)?{
? ? ? ? ? resolve(res.code);
? ? ? ? }
? ? ? })
? ? }).catch((e)?=>?{?})
? },
2胶坠、授權(quán)
<button?opentype="getUserInfo"?bindgetuserinfo="onGotUserInfo"></button>?
onGotUserInfo(e)?{//對(duì)象e包含用戶(hù)信息? ? api.Code.UpdateUserInfo.EncryptedData?=?e.detail.encryptedData;???
api.Code.UpdateUserInfo.Iv?=?e.detail.iv;?
}
2、加載字體：字體路徑需要是后臺(tái)路徑
wx.loadFontFace({
? ? ? family:?'zhenyan',
? ? ? source:?'url("https://xyjzutcapidemo.escase.cn/fonts/zhenyan.ttf")',
? ? ? success:?function?(res)?{? ? ? },
? ? ? fail:?function?(res)?{? ? ? ? //?console.log("font?fail",?res);? ? ? },
? ? ? complete:?function?(res)?{? ? }
});
3繁堡、設(shè)置多個(gè)音樂(lè)播放沈善、并且設(shè)置是否受靜音按鈕影響；
//設(shè)置音樂(lè)是否受靜音按鈕影響
? wx.setInnerAudioOption({?obeyMuteSwitch:?false,?mixWithOther:?true?});
// 初始化
const?bgMusic =?wx.createInnerAudioContext();
listenerButtonPlay:?function?(src,?name)?{
? ? var?that?=?this;
? ? bgMusic.src?=?src;
? ? bgMusic.title?=?name;
? ? bgMusic.obeyMuteSwitch?=?false;
? ? bgMusic.loop?=?true;
? ? bgMusic.play();?//播放音樂(lè)
? },
?//停止播放
?bgMusic.stop();
//暫停
?bgMusic.pause();?//暫停播放音樂(lè)
//播放
? ? bgMusic2.play();?//停止播放
4椭蹄、微信帶參二維碼闻牡；
onLoad: function?(options)?{
????app.globalData.code_ticket_788?=?options.code_ticket?||?wx.getStorageSync('code_ticket_788');//一物一碼
? ? if?(options.code_ticket)?{
? ? ? wx.setStorageSync('code_ticket_788',?options.code_ticket)
? ? }
}
5、微信長(zhǎng)按保存二維碼绳矩、canvas圖片保存到本地
<image?src="{{qrCodeUrl}}"?data-url="{{qrCodeUrl}}"?bindlongpress="saveImage"?class="qr_code"></image>
saveImage(e)?{//長(zhǎng)按保存二維碼? ?
? let?that?=?this;? ? ?
let?url?=?e.currentTarget.dataset.url;//二維碼路徑? ?
?this.saveImageAudit(url,?false);?
?},
// 獲取授權(quán)兔院，被調(diào)用保存圖片方法
saveImageAudit(url,?islocal)?{//url:圖片路徑送挑；islocal:是否是本地圖片（false為線上圖片）
? ? let?that?=?this;
? ? //1、用戶(hù)需要授權(quán)
? ? wx.getSetting({
? ? ? success:?(res)?=>?{
? ? ? ? if?(!res.authSetting['scope.writePhotosAlbum'])?{
? ? ? ? ? wx.authorize({
? ? ? ? ? ? scope:?'scope.writePhotosAlbum',
? ? ? ? ? ? success:?()?=>?{
? ? ? ? ? ? ? //?console.log("audit?success...",?islocal);
? ? ? ? ? ? ? that.downLocalImg(url,?islocal);
? ? ? ? ? ? },
? ? ? ? ? ? fail:?(res)?=>?{
? ? ? ? ? ? ? wx.showModal({
? ? ? ? ? ? ? ? title:?'提示',
? ? ? ? ? ? ? ? content:?'若點(diǎn)擊不授權(quán)，將無(wú)法使用保存圖片功能',
? ? ? ? ? ? ? ? cancelText:?'不授權(quán)',
? ? ? ? ? ? ? ? cancelColor:?'#999',
? ? ? ? ? ? ? ? confirmText:?'授權(quán)',
? ? ? ? ? ? ? ? confirmColor:?'#f94218',
? ? ? ? ? ? ? ? success(res)?{
? ? ? ? ? ? ? ? ? if?(res.confirm)?{
? ? ? ? ? ? ? ? ? ? wx.openSetting({//用戶(hù)自己打開(kāi)授權(quán)
? ? ? ? ? ? ? ? ? ? ? success(res)?{
? ? ? ? ? ? ? ? ? ? ? ? if?(res.authSetting['scope.writePhotosAlbum'])?{//授權(quán)了
? ? ? ? ? ? ? ? ? ? ? ? ? that.downLocalImg(url,?islocal);
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? }?else?if?(res.cancel)?{
? ? ? ? ? ? ? ? ? ? //?console.log('用戶(hù)點(diǎn)擊取消')
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? })
? ? ? ? ? ? },
? ? ? ? ? })
? ? ? ? }?else?{
? ? ? ? ? that.downLocalImg(url,?islocal);
? ? ? ? }
? ? ? },
? ? ? fail:?(res)?=>?{
? ? ? ? //?console.log("getSetting?fail...",?res);
? ? ? }
? ? })
? },
downLocalImg(url,?islocal)?{//下載圖片接校，并調(diào)用保存圖片到本地相冊(cè)方法
? ? let?that?=?this;
? ? if?(!islocal)?{
? ? ? wx.getImageInfo({
? ? ? ? src:?url,
? ? ? ? success:?(res)?=>?{
? ? ? ? ? let?path?=?res.path;
? ? ? ? ? that.saveImageKeep(path);
? ? ? ? },
? ? ? ? fail:?(res)?=>?{
? ? ? ? ? console.log("下載圖片失敗");
? ? ? ? }
? ? ? })
? ? }?else?{
? ? ? that.saveImageKeep(url);
? ?}
? },
saveImageKeep(url)?{//保存圖片到相冊(cè)
? ? wx.saveImageToPhotosAlbum({
? ? ? filePath:?url,
? ? ? success(res)?{
? ? ? ? wx.showModal({
? ? ? ? ? content:?'圖片已保存到相冊(cè)，趕緊曬一下吧~',
? ? ? ? ? showCancel:?false,
? ? ? ? ? confirmText:?'好的',
? ? ? ? ? confirmColor:?'#333',
? ? ? ? ? success:?function?(res)?{
? ? ? ? ? ? if?(res.confirm)?{
? ? ? ? ? ? ? //?console.log('用戶(hù)點(diǎn)擊確定');
? ? ? ? ? ? }
? ? ? ? ? },?fail:?function?(res)?{
? ? ? ? ? ? //?console.log(res)
? ? ? ? ?}
? ? ? ? })
? ? ? }
? ? })
? },
6鸳粉、分頁(yè)加載（上拉加載）
<scroll-view?class="table_scroll"?scroll-y="true"?style="height:200rpx;"?bindscrolltolower="toLower">
? ? ? ? ? ? ? <view?class="table_body"?wx:for="{{record}}"?wx:for-item="item"?wx:key="idx"?wx:key="{{idx}}">
? ? ? ? ? ? ? ? <view?class="td">{{item.DrawTime}}</view>
? ? ? ? ? ? ? ? <view?class="td?center">{{item.AwardName}}</view>
? ? ? ? ? ? ? ? <view?class="td">{{item.AwardStatus}}</view>
? ? ? ? ? ? ? </view>
? ? ? ? ? ? ? <!--?<view?wx:if="{{state==0}}">
? ? ? ? ? ? ? <view>沒(méi)有更多了</view>
? ? ? ? ? ? </view>?-->
</scroll-view>
?//?上拉加載活動(dòng)記錄?
toLower()?{
? ? var?that?=?this;
? ? var?state?=?that.data.state;
? ? if?(state?>?0)?{
? ? ? wx.showLoading({
? ? ? ? title:?'加載中...',
? ? ? });
? ? ? that.setData({
? ? ? ? p:?that.data.p?+?1
? ? ? })
? ? ? that.getDrawRecord();
? ? ? wx.hideLoading();
? ? }
? },
三富纸、可復(fù)用方法
1、canvas方法：畫(huà)圖片珍特、畫(huà)文字祝峻、畫(huà)線條、轉(zhuǎn)圖片扎筒、存儲(chǔ)到本地
2莱找、圖片保存到本地
