一,微信小程序簡(jiǎn)介

 1,微信小程序簡(jiǎn)稱小程序,張小龍?jiān)谖⑿殴_(kāi)課 Pro 上發(fā)布的小程序正式上線,時(shí)間是2017年1月9日.

 2,微信小程序這個(gè)詞可以分解為"微信"和"小程序"兩部分

  (1),其中"微信"可以理解為"微信中的",指的是小程序的執(zhí)行環(huán)境;當(dāng)然微信在提供執(zhí)行環(huán)境的同時(shí)也延長(zhǎng)了用戶使用微信的時(shí)間.

  (2),"小程序"是說(shuō)它首先是程序,然后具備輕便的特征.小程序并不像-應(yīng)用那樣,它不需要安裝,而是通過(guò)掃描二維碼等打開(kāi)后直接執(zhí)行;用完以后也不需要卸載.這就是所謂用完即走的原則.

 3,微信小程序,很多類似形態(tài)的應(yīng)用都采用類似的架構(gòu):

  使用 JSON 技術(shù)來(lái)表現(xiàn)應(yīng)用的配置信息.包含應(yīng)用的基本信息,頁(yè)面配置和路由,應(yīng)用全體的信息等.

  使用經(jīng)過(guò)定制 CSS+XML 技術(shù)來(lái)實(shí)現(xiàn)視圖層的描述.畫(huà)面元素,例如列表、按鈕、文本框、選擇框等都    通過(guò) XML 語(yǔ)言來(lái)描述,遵從 XML 語(yǔ)法,對(duì)于頁(yè)面的共同風(fēng)格,使用 CSS 進(jìn)行定義.

  使用 Javascript 語(yǔ)言來(lái)實(shí)現(xiàn)邏輯層結(jié)構(gòu).包括用戶操作的處理,系統(tǒng) API 的調(diào)用等.

架構(gòu)在視圖層和邏輯層之間提供數(shù)據(jù)和事件傳輸功能,從而盡量減少難度.由于類似應(yīng)有都屬于輕應(yīng)用,所以提供的功能都比較單一.

 4,JSON(Javascript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式.它基于 ECMAscript(W3C 制定的 Javascript 規(guī)范)的一個(gè)子集,采用完全獨(dú)立于編程語(yǔ)言的文本格式來(lái)存儲(chǔ)和表示數(shù)據(jù).簡(jiǎn)潔和清晰的層次結(jié)構(gòu)使得 JSON 成為理想的數(shù)據(jù)交換語(yǔ)言.易于人閱讀和編寫(xiě),同時(shí)也易于機(jī)器解析和生成,并有效地提升網(wǎng)絡(luò)傳輸效率.

 5,XML(Extensible Markup Language),中文名為可擴(kuò)展標(biāo)記語(yǔ)言,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集,是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言.

在電子計(jì)算機(jī)中,標(biāo)記指計(jì)算機(jī)所能理解的信息符號(hào),通過(guò)此種標(biāo)記,計(jì)算機(jī)之間可以處理包含各種的信息,比如文章等.它可以用來(lái)標(biāo)記數(shù)據(jù)、定義數(shù)據(jù)類型,是一種允許用戶對(duì)自己的標(biāo)記語(yǔ)言進(jìn)行定義的源語(yǔ)言.它非常適合萬(wàn)維網(wǎng)傳輸,提供統(tǒng)一的方法來(lái)描述和交換獨(dú)立于應(yīng)用程序或供應(yīng)商的結(jié)構(gòu)化數(shù)據(jù).是 Internet 環(huán)境中跨平臺(tái)的、依賴于內(nèi)容的技術(shù),也是當(dāng)今處理分布式結(jié)構(gòu)信息的有效工具.早在1998年,W3C 就發(fā)布了 規(guī)范,使用它來(lái)簡(jiǎn)化 Internet 的文檔信息傳輸.

 6,CSS層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來(lái)表現(xiàn) HTML 或 XML 等文件樣式的計(jì)算機(jī)語(yǔ)言.CSS 不僅可以靜態(tài)地修飾網(wǎng)頁(yè),還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化.CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力.

 7,Javascript 一種直譯式腳本語(yǔ)言,是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言,內(nèi)置支持類型.它的解釋器被稱為 Javascript 引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語(yǔ)言,最早是在 HTML 網(wǎng)頁(yè)上使用,用來(lái)給 HTML 網(wǎng)頁(yè)增加動(dòng)態(tài)功能.

二、關(guān)于小程序的開(kāi)發(fā)流程

 1、首先,你得申請(qǐng)屬于你的小程序賬號(hào).以微信小程序?yàn)槔?分為個(gè)人和企業(yè)兩種類型,企業(yè)需要的資料就比較多,過(guò)程稍顯繁復(fù),而個(gè)人申請(qǐng)相對(duì)就容易的多.

 2、第二步,按照小程序文檔,下載微信開(kāi)發(fā)者工具.

  注意:微信開(kāi)發(fā)者工具會(huì)讓你先進(jìn)行登錄,然后選擇本地項(xiàng)目,如果沒(méi)有,可以創(chuàng)建一個(gè)新的文件夾,他會(huì)自動(dòng)給你生成默認(rèn)的文件,然后填入你的手機(jī)軟件ID,如果不填寫(xiě),他會(huì)生成一個(gè)錯(cuò)誤的手機(jī)軟件ID給你放上去,導(dǎo)致你寫(xiě)完的demo,無(wú)法上傳到微信后臺(tái),從而影響你后臺(tái)的審核,這一點(diǎn)在小程序的開(kāi)發(fā)過(guò)程中必須要特別注意,謹(jǐn)防入坑.

 3、如果都配置完成,那就可以再本地微信開(kāi)發(fā)者工具中進(jìn)行小程序的開(kāi)發(fā)了,接下來(lái)就可以去看微信后臺(tái)的文檔進(jìn)行前端的小程序的開(kāi)發(fā)了,如果需要后端的數(shù)據(jù)提供,一切都是可以通過(guò)接口進(jìn)行實(shí)現(xiàn)的.

 4、小程序的開(kāi)發(fā)完成之后,可以通過(guò)上傳功能進(jìn)行上傳demo到微信后臺(tái),進(jìn)行提交審核,審核通過(guò)之后就可以進(jìn)行發(fā)布到線上了.注意:發(fā)布到線上的才可以在微信中搜索到,不然可以再微信開(kāi)發(fā)工具中生成開(kāi)發(fā)版的二維碼進(jìn)行查看.