工程師報(bào)名小程序開發(fā)教程
陳達(dá)文文
吃得圓圓的
這個(gè)問(wèn)題，我們得先來(lái)了解下小程序的開發(fā)方式，一般來(lái)說(shuō)有三種：自己獨(dú)立開發(fā)、模板開發(fā)和定制開發(fā)，后兩者都是需要找第三方服務(wù)商制作。而商家如果沒有足夠的技術(shù)基礎(chǔ)，不建議自己獨(dú)立開發(fā)，因?yàn)樯婕暗酱a開發(fā)，并不是很容易能夠呈現(xiàn)出滿意的效果。下面簡(jiǎn)單來(lái)說(shuō)下模板和定制化版這兩類小程序。1、模板小程序這個(gè)是針對(duì)每個(gè)行業(yè)的特性而統(tǒng)一開發(fā)模板，所以對(duì)于商家來(lái)說(shuō)操作比較簡(jiǎn)單，直接套用模板即可，開發(fā)周期短上線快（一般最快數(shù)天），營(yíng)銷功能也比較齊全，能滿足日常經(jīng)營(yíng)需求，價(jià)格在幾千不等，對(duì)于中小型商家來(lái)說(shuō)性價(jià)比最高。2、定制小程序這個(gè)要根據(jù)商家的具體需求，對(duì)小程序的每個(gè)頁(yè)面每項(xiàng)功能去開發(fā)，所以開發(fā)周期長(zhǎng)，價(jià)格也在數(shù)萬(wàn)至十幾萬(wàn)不等，更適合大企業(yè)使用。然后，我們應(yīng)該首先明確小程序的具體功能需求，再選擇適合自己的開發(fā)方式。
阿爾卑斯1013
您好，微信小程序，開發(fā)之前必須要完成和注冊(cè)認(rèn)證。如果是個(gè)人或者小公司想開發(fā)微信小程序，也可以找微信認(rèn)證第三方開發(fā)商，比如贏在移動(dòng)、正品科技等。1、微信小程序注冊(cè)在微信公眾平臺(tái)官網(wǎng)首頁(yè)，按照提示點(diǎn)擊右上角的“立即注冊(cè)”按鈕，里面總過(guò)有12步，按照要求提交就可以了。2、小程序申請(qǐng)微信認(rèn)證政府、媒體、其他組織類型帳號(hào)，必須通過(guò)微信認(rèn)證驗(yàn)證主體身份。企業(yè)類型帳號(hào)，可以根據(jù)需要確定是否申請(qǐng)微信認(rèn)證。已認(rèn)證帳號(hào)可使用微信支付、微信卡券等高級(jí)權(quán)限。認(rèn)證入口：登錄小程序—設(shè)置—基本設(shè)置—微信認(rèn)證—詳情3、小程序申請(qǐng)微信支付已認(rèn)證的小程序可申請(qǐng)微信支付。4、小程序綁定微信開放平臺(tái)帳號(hào)小程序綁定微信開放平臺(tái)帳號(hào)后，可與帳號(hào)下的其他移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用及公眾號(hào)打通，通過(guò)UnionID機(jī)制滿足在多個(gè)應(yīng)用和公眾號(hào)之間統(tǒng)一用戶帳號(hào)的需求。UnionID機(jī)制說(shuō)明：如果開發(fā)者擁有多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用、和公眾帳號(hào)(包括小程序)，可通過(guò)UnionID來(lái)區(qū)分用戶的唯一性，因?yàn)橹灰峭粋€(gè)微信開放平臺(tái)帳號(hào)下的移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)(包括小程序)，用戶的unionid是唯一的。換句話說(shuō)，同一用戶，對(duì)同一個(gè)微信開放平臺(tái)下的不同應(yīng)用，UnionID是相同的。用戶的UnionID可通過(guò)調(diào)用“獲取用戶信息”接口獲取。5、了解“獲取用戶信息”接口請(qǐng)查看開發(fā)文檔—API—開放接口—用戶信息。綁定小程序流程說(shuō)明：登錄微信開放平臺(tái)、—管理中心—公眾帳號(hào)—綁定公眾帳號(hào)注意：微信開放平臺(tái)帳號(hào)必須完成開發(fā)者資質(zhì)認(rèn)證才可以綁定小程序。
linalingxj
app小程序注冊(cè)，登錄app公眾平臺(tái)，點(diǎn)擊立即注冊(cè)，選擇小程序模塊。app小程序制作，對(duì)于不懂技術(shù)和編程的小白，可以采用套用模板的模式通過(guò)簡(jiǎn)單的拖拽方式一鍵生成app小程序，方便快捷。注冊(cè)小程序賬號(hào)，申請(qǐng)實(shí)名認(rèn)證，企業(yè)還是個(gè)人，注冊(cè)之后選用合適模板在各式各樣的模板中，選擇適合自己行業(yè)的模板就可以了。小程序一般只要打開app，點(diǎn)擊，發(fā)現(xiàn)，都能找到。有的時(shí)候在app界面用手往下一拉就能看到自己經(jīng)常使用的小程序，非常簡(jiǎn)單，方便。
fairyzhangyanting
1、注冊(cè)微信小程序賬號(hào)
小程序注冊(cè)賬號(hào)
這個(gè)直接進(jìn)入微信小程序官網(wǎng)自行注冊(cè)即可，在此不多贅述。
微信小程序官方
2、獲取APPID
獲取小程序APPID
APPID在哪里獲取呢，根據(jù)第一步注冊(cè)的小程序帳號(hào)，然后登陸上，找到左側(cè)“設(shè)置”，“開發(fā)設(shè)置”，就看到APPID啦，把APPID復(fù)制下來(lái)，留作備用。
3、綁定開發(fā)者
如果在第一步注冊(cè)小程序帳號(hào)的時(shí)候，你不是管理員，那么這個(gè)時(shí)候，還需要綁定個(gè)開發(fā)者，直接登錄小程序后臺(tái)，點(diǎn)左側(cè)“用戶身份”-點(diǎn)右側(cè)“編輯”添加成員，出現(xiàn)個(gè)二維碼，管理員掃描二維碼后，然后輸入開發(fā)者微信號(hào)，勾選權(quán)限，確定，就可以了。
4、下載微信小程序開發(fā)者工具
下載微信小程序開發(fā)者工具
直接在微信小程序官方下載即可，根據(jù)不同的電腦系統(tǒng)下載對(duì)應(yīng)的版本，安裝即可，不多贅述！
5、創(chuàng)建微信小程序項(xiàng)目
打開步驟4中安裝好的小程序開發(fā)工具，然后用開發(fā)者（或者管理員）掃碼登錄，選擇創(chuàng)建“新項(xiàng)目”，填入步驟2獲取到的 AppID，設(shè)置一個(gè)本地項(xiàng)目的名稱，并選擇一個(gè)本地的文件夾作為代碼存儲(chǔ)的目錄，點(diǎn)擊「新建項(xiàng)目」就可以了。
微信小程序
6、編寫微信小程序代碼
編寫代碼對(duì)新手來(lái)說(shuō)有點(diǎn)難度，不過(guò)我們可以從微信小程序官方上直接下載代碼實(shí)例，下載后，直接解壓到步驟5代碼存儲(chǔ)目錄內(nèi)即可。這時(shí)我們會(huì)發(fā)現(xiàn)，有三個(gè)后綴的文件，分別為、、。其中，.js 后綴的是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件。
接下來(lái)喝彩科技工程師趙德志在這里詳細(xì)給大家說(shuō)下，它們各自的功能。
?是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用 MINA 提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。
?是對(duì)整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置小程序是由哪些頁(yè)面組成，配置小程序的窗口 背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。注意該文件不可添加任何注釋。
?是整個(gè)小程序的公共樣式表。我們可以在頁(yè)面組件的 class 屬性上直接使用 中聲明的樣式規(guī)則。
微信小程序開發(fā)
7、創(chuàng)建微信小程序頁(yè)面
微信小程序中的每一個(gè)頁(yè)面的【路徑 + 頁(yè)面名】都需要寫在 的 pages 中，且 pages 中的第一個(gè)頁(yè)面是小程序的首頁(yè)。
每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：、、、。.js 后綴的文件是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件，.wxml 后綴的文件是頁(yè)面結(jié)構(gòu)文件。
微信小程序教程詳解
8、手機(jī)預(yù)覽
開發(fā)者工具左側(cè)菜單欄選擇"項(xiàng)目"，點(diǎn)擊"預(yù)覽"，掃碼后即可在微信客戶端中體驗(yàn)。
9、上傳小程序代碼
開發(fā)者工具左側(cè)菜單欄選擇"項(xiàng)目"，點(diǎn)擊"上傳"即可將代碼上傳到微信小程序服務(wù)器。
10、提交微信審核及小程序發(fā)布
步驟9上傳好小程序代碼后，提交微信進(jìn)行審核。審核現(xiàn)在也很快，一把幾個(gè)小時(shí)就審核過(guò)了，慢的話估計(jì)2-5天吧，等審核通過(guò)后，就可以在小程序后臺(tái)，進(jìn)行發(fā)布上線了。
快樂之光
你好題主，我這里整理了一份詳細(xì)的資料，或許對(duì)你有幫助。
小程序類似于H5面，需要掌握WXML 和 WXSS 以及基于JavaScript的邏輯層框架，很多前端工程師就可以做到，搭建小程序的操作流程，實(shí)際操作起來(lái)很簡(jiǎn)單，但也需要前期多掌握一些基礎(chǔ)的理論，開發(fā)小程序需要掌握的知識(shí)點(diǎn)：
一、掌握小程序原理
不管你是自己開發(fā)還是找人進(jìn)行制作，開始前最好把小程序運(yùn)行的原理摸透，可以去網(wǎng)上去搜官方的教程，把如何申請(qǐng)開發(fā)賬號(hào)，如何創(chuàng)建小程序的框架和組件等了解清楚。
二、體驗(yàn)小程序案例
打開微信找到發(fā)現(xiàn)點(diǎn)擊小程序，可以看到自己使用過(guò)的小程序，以及在附近的小程序，隨便點(diǎn)擊一個(gè)進(jìn)去以后，就可以看到別人小程序的框架和設(shè)計(jì)，以及功能的開放設(shè)置等。
三、創(chuàng)建空白小程序
在看過(guò)小程序的案例，了解了小程序的項(xiàng)目結(jié)構(gòu)和文件構(gòu)成以后，就可以自己創(chuàng)建一個(gè)空白的小程序了，綜合網(wǎng)上學(xué)習(xí)的教程，研究項(xiàng)目的wxml，wxss和js代碼如何編寫的，怎么讓頁(yè)面跳轉(zhuǎn)及觸發(fā)事件等。
四、動(dòng)手編寫小程序
因?yàn)閯傞_始接觸所以不用寫特別復(fù)雜的小程序，功能設(shè)置盡量的簡(jiǎn)化些，但一定要多使用input，text，map，picker這些組件，起到輔助作用的同時(shí)也可以幫助自己提高熟悉度，寫完以后記得交給官方進(jìn)行審核，如果得到了通過(guò)，就可以慢慢嘗試復(fù)雜小程序的編寫及制作了。
掌握了這些基礎(chǔ)知識(shí)后，我們就可以開始快速制作小程序了。
第一步：注冊(cè)小程序開發(fā)賬號(hào)，獲取小程序開發(fā)的ID，同時(shí)下載開發(fā)工具；創(chuàng)建空白小程序，并了解小程序的項(xiàng)目結(jié)構(gòu)和文件構(gòu)成；研究項(xiàng)目的wxml，wxss和js代碼（js推薦多用ES5、ES6），頁(yè)面如何跳轉(zhuǎn)，事件如何觸發(fā)以及WXML如何編寫等。
2、體驗(yàn)小程序示例
體驗(yàn)官方小程序：點(diǎn)擊發(fā)現(xiàn)-->小程序-->搜 小程序示例，獲取體驗(yàn)小程序。
體驗(yàn)三方小程序：摩拜單車，京東商城，餓了么等等。
3、動(dòng)手編寫自己的小程序
寫第一個(gè)小程序功能盡量簡(jiǎn)單些，但要多用input，text，map，picker等組件。給自己找到一些成就感，寫完后提交官方審核發(fā)布。慢慢得到自己的肯定后可以開始嘗試一些復(fù)雜的小程序。
怎么學(xué)習(xí)小程序開發(fā)呢？
看官方文檔就可以開發(fā)，網(wǎng)上也可以找些視頻教程來(lái)看，網(wǎng)上相關(guān)視頻和教程不是很多，有些課程講的知識(shí)點(diǎn)不是很齊全。李明杰的小程序開發(fā)教學(xué)視頻就不錯(cuò)，適合小白看，如果你想學(xué)的話，可以看他的視頻一步一步學(xué)，加油！！
優(yōu)質(zhì)工程師考試問(wèn)答知識(shí)庫(kù)
