開發(fā)微信小程序

一開發(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
微信號:

IMG_ADA058A5695F-1.jpeg

屏幕快照 2019-06-14 下午3.58.34.png

共同開發(fā)

微信小程序管理后臺只有一個管理員可以登陸鹃觉,可以同時綁定10個開發(fā)者和20個體驗者军拟,開發(fā)者們可以通過版本管理工具(比如SVN或者Git等)共同開發(fā),但是向微信后臺提交代碼只能由管理員一人實現(xiàn)

如果你不是管理員迁霎,那么就把微信號發(fā)給管理員吱抚,讓他給你發(fā)布權(quán)限,就能發(fā)布了考廉,而且不用登錄賬戶秘豹。下載那個編譯軟件,只要你有權(quán)限就能發(fā)布昌粤。

屏幕快照 2019-06-14 下午6.01.22.png

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

屏幕快照 2019-06-15 上午10.09.39.png

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ù)交互选调。邏輯


屏幕快照 2019-06-17 下午4.27.22.png

4全局配置

屏幕快照 2019-06-17 下午5.00.24.png

小程序根目錄下的 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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末川尖,一起剝皮案震驚了整個濱河市登下,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌空厌,老刑警劉巖庐船,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異嘲更,居然都是意外死亡筐钟,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進(jìn)店門赋朦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來篓冲,“玉大人,你說我怎么就攤上這事宠哄∫冀” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵毛嫉,是天一觀的道長诽俯。 經(jīng)常有香客問我,道長承粤,這世上最難降的妖魔是什么暴区? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任闯团,我火速辦了婚禮,結(jié)果婚禮上仙粱,老公的妹妹穿的比我還像新娘房交。我一直安慰自己,他們只是感情好伐割,可當(dāng)我...
    茶點故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布候味。 她就那樣靜靜地躺著,像睡著了一般隔心。 火紅的嫁衣襯著肌膚如雪白群。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天济炎,我揣著相機與錄音川抡,去河邊找鬼辐真。 笑死须尚,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的侍咱。 我是一名探鬼主播耐床,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼楔脯!你這毒婦竟也來了撩轰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤昧廷,失蹤者是張志新(化名)和其女友劉穎堪嫂,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體木柬,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡皆串,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了眉枕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恶复。...
    茶點故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖速挑,靈堂內(nèi)的尸體忽然破棺而出谤牡,到底是詐尸還是另有隱情,我是刑警寧澤姥宝,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布翅萤,位于F島的核電站,受9級特大地震影響腊满,放射性物質(zhì)發(fā)生泄漏套么。R本人自食惡果不足惜流纹,卻給世界環(huán)境...
    茶點故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望违诗。 院中可真熱鬧漱凝,春花似錦、人聲如沸诸迟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽阵苇。三九已至壁公,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間绅项,已是汗流浹背紊册。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留快耿,地道東北人囊陡。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像掀亥,于是被迫代替她去往敵國和親撞反。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,614評論 2 353

推薦閱讀更多精彩內(nèi)容