一開發(fā)資料
其他人寫的步驟娄徊。
http://www.reibang.com/p/ce82dcc923b0
1.微信公眾平臺
https://mp.weixin.qq.com/cgi-bin/loginpage?t=wxm2-login&lang=zh_CN
1.1開發(fā)者文檔:官方
https://developers.weixin.qq.com/miniprogram/dev/framework/
1。2
二開始操作
1.注冊賬號
這里注冊的是微信公眾號。
公眾號和微信號的區(qū)別:
http://kf.qq.com/touch/wxappfaq/181012FjInMV181012MzQnMv.html?platform=14
微信號:
共同開發(fā)
微信小程序管理后臺只有一個管理員可以登陸鹃觉,可以同時綁定10個開發(fā)者和20個體驗者军拟,開發(fā)者們可以通過版本管理工具(比如SVN或者Git等)共同開發(fā),但是向微信后臺提交代碼只能由管理員一人實現(xiàn)
如果你不是管理員迁霎,那么就把微信號發(fā)給管理員吱抚,讓他給你發(fā)布權(quán)限,就能發(fā)布了考廉,而且不用登錄賬戶秘豹。下載那個編譯軟件,只要你有權(quán)限就能發(fā)布昌粤。
1. 開發(fā)者權(quán)限
顧名思義既绕,這是用來開發(fā)需要的權(quán)限了。它是指在「微信 Web 開發(fā)者工具」中涮坐,以該小程序名義進(jìn)行開發(fā)凄贩、測試的權(quán)限。
有了這個權(quán)限袱讹,相應(yīng)開發(fā)者可以到開發(fā)者工具中進(jìn)行小程序的調(diào)試疲扎、開發(fā),并將代碼版本提交至公眾平臺小程序后臺捷雕,然后讓后臺審核發(fā)布或者設(shè)置為預(yù)覽版供其他成員瀏覽椒丧、使用、分析等救巷。
需要注意的是壶熏,開啟「開發(fā)者權(quán)限」,并不能讓該成員登錄小程序后臺浦译,也不能管理其他成員的開發(fā)版本棒假,或是提交版本審核和發(fā)布。
[圖片上傳失敗...(image-47a86d-1560563775454)]
2. 體驗者權(quán)限
如果你需要讓某個微信用戶測試你的小程序代碼精盅,但不涉及代碼工作淆衷,那么「體驗者權(quán)限」就很合適。
開通「體驗者權(quán)限」后渤弛,該成員可以在微信中祝拯,直接運行你的「體驗版」小程序。
需要注意的是她肯,「體驗版」與「開發(fā)版」佳头、「正式版」都不一樣,且需要將某個版本設(shè)為體驗版晴氨,體驗者才能使用體驗版小程序康嘉。
3. 登錄
有成員經(jīng)常需要登錄后臺?你需要為他開啟「登錄」權(quán)限籽前。
開啟后亭珍,該成員可以使用小程序用戶名敷钾、密碼,以及自己的微信掃碼肄梨,進(jìn)入小程序后臺阻荒。
不過,「登錄」權(quán)限僅僅擁有「登錄」的作用众羡。如果不授予該成員其他相關(guān)權(quán)限侨赡,那么后臺所有配置將不可修改,且后臺小程序數(shù)據(jù)會對該成員隱藏粱侣。
相應(yīng)地羊壹,如果沒有「登錄」權(quán)限,即使已授予其他權(quán)限齐婴,該成員也無法使用自己的微信油猫,掃碼驗證進(jìn)入小程序后臺。
4. 數(shù)據(jù)分析
老板想要隨時掌握小程序的運營數(shù)據(jù)柠偶?沒問題情妖,打開「數(shù)據(jù)分析」權(quán)限就好了。
只要開啟「數(shù)據(jù)分析」權(quán)限嚣州,相應(yīng)成員就可以查看小程序的所有運營數(shù)據(jù)鲫售,包括實時訪問量、分時 PV该肴、UV攀痊,以及用戶特征數(shù)據(jù)等多個維度的所有數(shù)據(jù)形真。
已經(jīng)擁有該權(quán)限的成員浅乔,可以在「小程序數(shù)據(jù)助手」小程序里隨時查看小程序的各種數(shù)據(jù)抱究。但如果希望在電腦上查看相關(guān)數(shù)據(jù),還需要開啟「登錄」權(quán)限涎嚼。
5. 開發(fā)管理
擁有該權(quán)限的成員阱州,可以統(tǒng)一查看小程序所有版本,并進(jìn)行管理法梯。
也就是說苔货,「設(shè)為體驗版」、「提交審核」立哑、「發(fā)布小程序」等操作夜惭,都需要成員擁有「開發(fā)管理」的權(quán)限,且該權(quán)限可以管理所有小程序開發(fā)者提交的小程序代碼铛绰。
開啟該權(quán)限后诈茧,該成員就可以在「小程序開發(fā)助手」小程序中,管理捂掰、預(yù)覽各種版本的小程序敢会。
但如果希望將某個小程序版本設(shè)為體驗版曾沈,或是提交審核、提交發(fā)布鸥昏,那么該成員還需要擁有「登錄」權(quán)限塞俱,且需要在電腦上完成操作。
6. 開發(fā)設(shè)置
有了這個權(quán)限互广,相應(yīng)成員就可以管理小程序中的服務(wù)器域名(白名單)敛腌、客服消息推送 webhook卧土、掃二維碼進(jìn)入小程序等設(shè)置惫皱。
需要注意的是,該權(quán)限不涉及小程序帳戶綁定的騰訊云帳戶管理尤莺。
7. 暫停服務(wù)
小程序服務(wù)器宕機旅敷,需要緊急暫停服務(wù)?給成員開啟「暫停服務(wù)」權(quán)限颤霎,他就有權(quán)進(jìn)行緊急暫停服務(wù)的操作媳谁。
暫停服務(wù)后,用戶將無法訪問線上版本的小程序友酱,但開發(fā)版晴音、測試版仍可以正常使用。在設(shè)置「暫停服務(wù)」時缔杉,小程序成員還可以設(shè)置預(yù)計恢復(fù)時間锤躁,便于用戶了解小程序的修復(fù)進(jìn)度。
[圖片上傳失敗...(image-b44cda-1560563775454)]
8. 解除關(guān)聯(lián)公眾號
有了「解除關(guān)聯(lián)公眾號」權(quán)限或详,該成員就可以查看小程序與公眾號的關(guān)聯(lián)關(guān)系系羞,并直接解除關(guān)聯(lián)。
9. 騰訊云管理
如果你的小程序已經(jīng)關(guān)聯(lián)騰訊云霸琴,那么擁有該權(quán)限的用戶就可以管理這個小程序相關(guān)騰訊云帳戶及服務(wù)器椒振。
參考步驟:
2.安裝開發(fā)工具
Stable Build 沒啥說的下載安裝就行了
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
3.文件類型
(我這里精簡一下)
官方文檔:
https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html#WXML-%E6%A8%A1%E6%9D%BF
.json:導(dǎo)航條或配置文件
.WXML :控件添加, 控件包含關(guān)系
英文:WeiXin Markup Language
構(gòu)成:由標(biāo)簽梧乘、屬性等等構(gòu)成
.WXSS:控件的大小和位置和顏色
.js :處理 數(shù)據(jù)澎迎,界面與用戶交互, 界面與數(shù)據(jù)交互选调。邏輯
4全局配置
小程序根目錄下的 app.json
文件用來對微信小程序進(jìn)行全局配置夹供。文件內(nèi)容為一個 JSON 對象,有以下屬性:
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window
{
"pages": [
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "white",
"navigationBarTitleText": "xxxxx",
"navigationBarTextStyle": "black"
}
}
5頁面配置
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html
6接口
6.1 生命周期学歧,代碼你有
6.2getApp()
https://developers.weixin.qq.com/miniprogram/dev/reference/api/getApp.html
6.3 Page
https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
三
1.js 語法
var和let和const
(function() {
var varTest = 'test var OK.';
let letTest = 'test let OK.';
{
var varTest = 'varTest changed.';
let letTest = 'letTest changed.';
}
console.log(varTest); //輸出"varTest changed."罩引,內(nèi)部"{}"中聲明的varTest變量覆蓋外部的letTest聲明
console.log(letTest); //輸出"test let OK.",內(nèi)部"{}"中聲明的letTest和外部的letTest不是同一個變量
}());
https://baijiahao.baidu.com/s?id=1621787284851612777&wfr=spider&for=pc
個人推薦:
const 的使用枝笨,只用來聲明常量袁铐,其它情況下一律使用 let 關(guān)鍵字
this
https://www.cnblogs.com/huangwentian/p/6854472.html
誰最終調(diào)用函數(shù)揭蜒,this指向誰
function
、Javascript引擎在解析javascript代碼時會‘函數(shù)聲明提升’(Function declaration Hoisting)當(dāng)前執(zhí)行環(huán)境(作用域)上的函數(shù)聲明剔桨,而函數(shù)表達(dá)式必須等到Javascirtp引擎執(zhí)行到它所在行時屉更,才會從上而下一行一行地解析函 數(shù)表達(dá)式,
fnName();
function fnName(){
...
}
//正常洒缀,因為‘提升’了函數(shù)聲明瑰谜,函數(shù)調(diào)用可在函數(shù)聲明之前
fnName();
var fnName=function(){
...
}
//報錯,變量fnName還未保存對函數(shù)的引用树绩,函數(shù)調(diào)用必須在函數(shù)表達(dá)式之后
var fnName=function(){
alert('Hello World');
}();
//函數(shù)表達(dá)式后面加括號萨脑,當(dāng)javascript引擎解析到此處時能立即調(diào)用函數(shù)
function fnName(){
alert('Hello World');
}();
//不會報錯,但是javascript引擎只解析函數(shù)聲明饺饭,忽略后面的括號渤早,函數(shù)聲明不會被調(diào)用
function(){
console.log('Hello World');
}();
//語法錯誤,雖然匿名函數(shù)屬于函數(shù)表達(dá)式瘫俊,但是未進(jìn)行賦值操作鹊杖,
//所以javascript引擎將開頭的function關(guān)鍵字當(dāng)做函數(shù)聲明,報錯:要求需要一個函數(shù)名
//這個常用
function fnName(){
};
data
data這個東西就是一個對象扛芽,由this調(diào)用骂蓖。頁面里要你自定義的屬性都放到這里。
//初始化
data: {
inputValue: ''
}
//修改
this.setData({
inputValue: "dd"
})
//輸出
console.log('xxx',this.data.inputValue);
7控件
點擊
1》.wxml中
<button id="submitBtn" bindtap="submitBtnClick">提交</button>
2》在.js中
submitBtnClick:function(){
//點擊后
},
3>wxss
#submitBtn{
position: fixed;
top: 292px;
left: 26px;
right: 26px;
color: white;
background: linear-gradient(to right, #FCAD8D 0%, #F89C83 13%, #EA595B 100%);
border: none;
font-size: 16px;
}
輸入框
<input id="userNameInput" placeholder="請輸入真實姓名" placeholder-class="userNameInputPlaceholder" bindinput="userNameInputClick"></input>
頁面跳轉(zhuǎn)
wx.navigateTo({
url: '../checkReaxxxx/checkxxxx',
})
其他方式
https://blog.csdn.net/weixin_44217741/article/details/88757767