課程介紹

　　本次課程分為兩個(gè)部分。

　　微信小程序基礎(chǔ)

　　在這部分我們主要會(huì)講解微信小程序的基礎(chǔ)使用以及相關(guān)概念知識(shí)。

　　bilibili微信小程序

　　這是一個(gè)基于小程序的bilibili應(yīng)用，通過(guò)這個(gè)案例，你會(huì)更深入地理解微信小程序的基礎(chǔ)知識(shí)。

　　小程序介紹

　　微信小程序是騰訊于2017年1月9日推出的一種不需要下載安裝即可在微信平臺(tái)上使用的應(yīng)用，主要提供給企業(yè)、政府、媒體、其他組織或個(gè)人的開發(fā)者在微信平臺(tái)上提供服務(wù)。

　　微信小程序和微信的原生功能應(yīng)用在本質(zhì)上是一樣的——它們都是Web App。Web App就是一種通過(guò)H5頁(yè)面技術(shù)實(shí)現(xiàn)的，和Native App的功能和界面幾乎一樣的手機(jī)App形態(tài)。很多商家和企業(yè)為了節(jié)省技術(shù)人員和資金的投入，都會(huì)選擇使用Web App制作工具，免費(fèi)快速制作自己的Web App。

　　截止2018年3月，微信小程序用戶規(guī)模突破4億，小游戲類微信小程序占比達(dá)28%。

　　微信小程序的優(yōu)勢(shì)

　　許多人更傾向于開發(fā)微信公眾號(hào)，而不是App，因?yàn)锳pp推廣成本過(guò)高。這導(dǎo)致公眾號(hào)更像是媒體平臺(tái)。然而，微信的本意是為了提供服務(wù)，所以推出了服務(wù)號(hào)，但是服務(wù)號(hào)也沒(méi)達(dá)到預(yù)期。微信小程序的優(yōu)勢(shì)有：

　　微信有海量用戶，粘性很高，開發(fā)產(chǎn)品更容易觸達(dá)用戶;

　　推廣App或公眾號(hào)的成本太高;

　　開發(fā)適配成本低;

　　容易小規(guī)模試錯(cuò)，然后快速迭代;

　　跨平臺(tái)。

　　實(shí)際上，應(yīng)用號(hào)并非微信首創(chuàng)，之前百度推出過(guò)應(yīng)用號(hào)，搜狐推出過(guò)快站，但騰訊將這件事情做成功的概率卻是最大。

　　微信小程序?qū)τ趧?chuàng)業(yè)者的優(yōu)勢(shì)

　　APP流量成本的急劇攀升。

　　移動(dòng)互聯(lián)網(wǎng)格局基本已定，用戶主要需求場(chǎng)景已被巨頭把持。

　　面向所有產(chǎn)品對(duì)用戶時(shí)間的競(jìng)爭(zhēng)。

　　體驗(yàn)

　　可以查看小程序示例源碼。

　　開發(fā)環(huán)境的準(zhǔn)備

　　注冊(cè)賬號(hào)

　　訪問(wèn)注冊(cè)頁(yè)面，耐心完成注冊(cè)即可。

　　獲取APPID

　　由于后期調(diào)用微信小程序的接口等功能，需要索取開發(fā)者的小程序中的APPID，所以在注冊(cè)成功后，可登錄，然后獲取APPID。

　　登錄成功后可看到如下界面，然后復(fù)制你的APPID，悄悄地保存起來(lái)，不要給別人看到。

　　開發(fā)工具

　　嚴(yán)格來(lái)說(shuō)，微信小程序支持所有的開發(fā)工具，但是從效率和便利性來(lái)說(shuō)，推薦使用VS Code和微信自己的微信小程序開發(fā)工具。

　　我的第一個(gè)微信小程序

　　下面開始演示如何創(chuàng)建我的第一個(gè)微信小程序：

　　安裝微信小程序開發(fā)者工具：下載好微信小程序開發(fā)者工具后，直接雙擊安裝，一直點(diǎn)擊下一步即可。

　　選擇小程序項(xiàng)目。

　　新建項(xiàng)目。

　　創(chuàng)建項(xiàng)目。

　　成功。

　　微信開發(fā)工具深入介紹

　　工具介紹。

　　小程序結(jié)構(gòu)目錄

　　小程序框架的目標(biāo)是通過(guò)盡可能簡(jiǎn)單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生APP體驗(yàn)的服務(wù)。

　　小程序框架提供了自己的視圖層描述語(yǔ)言WXML和WXSS，以及JavaScript，并在視圖層與邏輯