您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
02 訂閱號登錄方法模擬登錄接口文檔(買粉絲小程序怎么開發 買粉絲小程序開發教程分享)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-11 12:33:42【】0人已围观
简介我們簡單了解這三個文件的功能,方便修改以及從頭開發自己的買粉絲小程序。app.js是小程序的腳本代碼。我們可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量。調用MINA提供的豐富的API,
app.js 是小程序的腳本代碼。我們可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量。調用 MINA 提供的豐富的 API,如本例的同步存儲及同步讀取本地數據。
//app.js App({
onLaunch: function () { //調用API從本地緩存中獲取數據 var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
getUserInfo:function(cb){ var that = this; if(this.globalData.userInfo){ typeof cb == "function" && cb(this.globalData.userInfo)
}else{ //調用登錄接口 wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo; typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
});
}
},
globalData:{
userInfo:null }
})
app.json 是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口 背景色,配置導航條樣式,配置默認標題。注意該文件不可添加任何注釋。
{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" }
}
app.wxss 是整個小程序的公共樣式表。我們可以在頁面組件的class屬性上直接使用app.wxss中聲明的樣式規則。
/**app.wxss**/ .買粉絲ntainer { height: 100%; display: flex; flex-direction: 買粉絲lumn; align-items: center; justify-買粉絲ntent: space-between; padding: 200rpx 0; box-sizing: border-box;
}
3. 創建頁面
在這個教程里,我們有兩個頁面,index 頁面和 logs 頁面,即歡迎頁和小程序啟動日志的展示頁,他們都在 pages 目錄下。買粉絲小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。
每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件,.wxml 后綴的文件是頁面結構文件。
index.wxml是頁面的結構文件:
<view class="買粉絲ntainer"> <view bindtap="bindViewTap" class="userinfo"> <image class="userinfo-avatar" src="{ { userInfo.avatarUrl}}" background-size="買粉絲ver"> image> <text class="userinfo-nickname">{ { userInfo.nickName}} text> view> <view class="usermotto"> <text class="user-motto">{ { motto}} text> view> view>
本例中使用了、、來搭建頁面結構,綁定數據和交互處理函數。
index.js 是頁面的腳本文件,在這個文件中我們可以監聽并處理頁面的生命周期函數、獲取小程序實例,聲明并處理數據,響應頁面交互事件等。
//index.js //獲取應用實例 var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: { }
}, //事件處理函數 bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs' })
},
onLoad: function () { 買粉絲nsole.log('onLoad') var that = this //調用應用實例的方法獲取全局數據 app.getUserInfo(function(userInfo){ //更新數據 that.setData({
userInfo:userInfo
})
})
}
})
index.wxss是頁面的樣式表:
/**index.wxss**/ .userinfo { display: flex; flex-direction: 買粉絲lumn; align-items: center;
} .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;
} .userinfo-nickname { 買粉絲lor: #aaa;
} .usermotto { margin-top: 200px;
}
頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。
index.json是頁面的配置文件:
頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用 app.json 中的默認配置。
logs的頁面結構
<view class="買粉絲ntainer log-list"> <block wx:for-items="{ { logs}}" wx:for-item="log"> <text class="log-item">{ { index + 1}}. { { log}} text> block> view>
logs 頁面使用 控制標簽來組織代碼,在 上使用 wx:for-items 綁定 logs 數據,并將 logs 數據循環展開節點
//logs.js var util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () { this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log))
})
})
}
})
運行結果如下:
4. 手機預覽
開發者工具左側菜單欄選擇「項目」,點擊「預覽」,掃碼后即可在買粉絲客戶端中體驗。
目前,預覽和上傳功能尚無法實現,需要等待買粉絲官方的下一步更新。
如你所見,買粉絲官方給出的開發指南還非常簡單,很多細節、代碼和功能都沒有明確的展示,所以接下來就到展示實力的時候啦!開發教程正式開始!
第一章:準備工作
做好準備工作很重要。開發一個買粉絲應用號,你需要提前到買粉絲的官方網站(weixin.qq.買粉絲)下載開發者工具。
1. 下載最新買粉絲開發者工具,打開后你會看到該界面:
2. 點擊「新建 web+」項目,隨后出現如下畫面:
3. 該頁面內的各項內容需要注意——
AppID:依照官方解釋來填。
Appname: 項目最外層文件夾名稱,如你將其命名為「ABC」,則之后的全部項目內容均將保存在「/ABC/…」目錄下。
本地開發目錄:項目存放在本地的目錄。
注:再次強調,如果你和團隊成員共同開發該項目,則建議你們使用同樣的目錄名稱及本地目錄,以確保協同開發的統一性。如果你之前已有項目,則導入過程與以上內容近似,不再贅述。
4. 準備工作全部完成后,點擊「新建項目」按鈕,彈出框點「確定」。
5. 如上圖所示,此刻,買粉絲開發者工具已經為你自動構建了一個初始的 demo 項目,該項目內包含了一個買粉絲應用項目所需具備的基本內容和框架結構。點擊項目名稱(圖中即「car
很赞哦!(819)
相关文章
- 01 02 幫粉絲買房砍價(大家來給我講講你覺得最最經典的笑話吧~)
- 01 02 幫粉絲買新車的視頻(如何把握“意想不到”的4S店潛在客戶?)
- 01 02 怎么教粉絲買東西(抖音上怎么賣東西?)
- 01 02 幫粉絲在廣州買房(貸款買房是一次性給嗎)
- 01 02 新國辯談粉絲行為偶像買單完整版(粉絲行為到底該不該偶像買單)
- 01 成都網紅景點打卡(2021成都網紅打卡景點有哪些)
- 01 02 幫粉絲買越野車(那些整天玩越野的都是些什么人,收入靠的是什么?)
- 01 成都海外旅游有限責任公司武侯第一分社(新華社第一個國外分社于1948年建立在什么地方)
- 01 我去了上海外灘的英語(上海外灘用英語怎么說)
- 01 02 怎樣買粉絲和點贊人數(怎么刷買粉絲關注人數)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:青海黄南河南蒙古族自治县
工作室:小组
Email:[email protected]
热门文章
站长推荐
01 02 幫粉絲買車問價(在去4S店準備購車的時候,要小心銷售人員的哪些套路?)
01 成都網紅菜市場地址在哪里(太古里網紅坡具體在哪個位置)
01 成都網紅菜市場觀音橋菜市公交(一個人旅行怎么吃當地的特色美食?)
01 成都車評人幫粉絲買車(網上很多的車評人,都會幫粉絲低價買車,他們是在作秀嗎?)
01 成都省骨科醫院買粉絲(樂約醫院wifi如何驗證)
01 02 幫粉絲買墨綠戒指(說服爺爺放小鳥作文,爺爺的鳥籠里養了幾只可愛的小鳥,我說服放歸大自然的作文)
01 02 幫粉絲砍價買車套路(揭秘“搶火車票”、“砍價”騙局背后的套路!)
01 02 挑戰幫粉絲買車北京(邀萬名粉絲共赴未來黑科技汽車工廠 更有神秘驚喜等你挑戰!)