自“微信小程序”這個(gè)詞出現(xiàn)在人們的視野后引起的躁動(dòng)一直沒有平息,從最初的瘋狂追逐到今日的冷靜追求,折射出來的是廣大創(chuàng)業(yè)者對新事物的銳利敏感度以及自身發(fā)展的深刻思考。瘋狂追逐是看到了這塊巨大蛋糕背后的有利可圖,冷靜追求是思量到自身所具備的競爭力,技術(shù)怎么辦?代碼怎么寫?連尋找申請的地方都費(fèi)勁?
本文將從小程序如何開發(fā)的角度,從零開始帶大家走進(jìn)微信小程序的世界。
一、什么是微信小程序
張小龍在朋友圈里這樣解釋道:小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用「觸手可及」的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。也體現(xiàn)了「用完即走」的理念,用戶不用關(guān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在,隨時(shí)可用,但又無需安裝卸載。
技術(shù)層面的小程序就是
微信小程序 = XML CSS JS 的移動(dòng)應(yīng)用程序
二、開發(fā)微信小程序的工具
首先得到微信小程序官網(wǎng)下載好你電腦對應(yīng)配置的“微信開發(fā)者工具”
安裝好后接下來就開啟了你的開發(fā)之旅;
安裝完成后,第一次啟動(dòng)時(shí)會(huì)出現(xiàn)一個(gè)二維碼,需要使用微信掃描該二維碼才可登錄開發(fā)者工具:
掃碼進(jìn)入后即可新建自己的小程序項(xiàng)目了!
三、開發(fā)微信小程序項(xiàng)目步驟
-
選擇調(diào)試類型:本地小程序項(xiàng)目→添加項(xiàng)目
2.由于我們暫時(shí)沒有AppID,所以選擇無AppID(無AppID部分功能會(huì)受限)
3.進(jìn)入開發(fā)者工具界面,默認(rèn)是選中“調(diào)試”面板
可以看到,在調(diào)試面板中,左側(cè)是頁面效果預(yù)覽窗口,右側(cè)是類似于Chrome的開發(fā)者的工具。在預(yù)覽窗口可以選擇一些常見的手機(jī)型號和不同的分變率,大家可以看出這簡直就是Chrome開發(fā)者工具的翻版。
四 、開發(fā)微信小程序要懂代碼語言
小程序所使用的程序文件類型大致分為以下幾種:
1 WXML(WeiXin Mark Language,微信標(biāo)記語言)
2 WXSS(WeiXin Style Sheet,微信樣式表)
3 JS(Javascript,小程序的主體)
在語言方面,小程序看似重新定義了一套標(biāo)準(zhǔn)。但實(shí)際上,它們與「前端三件套」——HTML、CSS 和 Javascript——差不太多。
微信小程序需要你懂得html與css作為基礎(chǔ)、如果熟悉js會(huì)更好、開發(fā)框架微信給出了自定義的語言。你下載微信提供的開發(fā)環(huán)境、參照微信提供的開發(fā)手冊、注冊小程序開發(fā)賬號。根據(jù)提示操作!有前端開發(fā)基礎(chǔ)的同學(xué)跟著官網(wǎng)給出的文檔操作一遍對后期開發(fā)微信小程序有一定的速度提升!
雖然小程序使用的是前端語言,但不代表可以繼續(xù)沿用前端的開發(fā)思想進(jìn)行開發(fā)。小程序?qū)η岸碎_發(fā)的要求從「構(gòu)建界面」升級成「開發(fā)完整應(yīng)用」,前端開發(fā)需要在意識上進(jìn)行轉(zhuǎn)變。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。