1-1
第一章 第一節(jié) 微信小程序的基本知識(shí)1

文章目錄

• 前言
• 一、注冊(cè)一個(gè)小程序賬號(hào)
• 二、第一個(gè)微信小程序“Hello Wechat！”
• • （一）準(zhǔn)備工作
  • （二）頁(yè)面介紹
  • （三）代碼編寫(xiě)及編譯預(yù)覽
• 結(jié)語(yǔ)

文章目錄)

---

前言

微信小程序，是小程序的一種，英文名Wechat Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。全面開(kāi)放申請(qǐng)后，主體類(lèi)型為企業(yè)、政府、媒體、其他組織或個(gè)人的開(kāi)發(fā)者，均可申請(qǐng)注冊(cè)小程序。微信小程序、微信訂閱號(hào)、微信服務(wù)號(hào)、微信企業(yè)號(hào)是并行的體系。
微信小程序是一種不用下載就能使用的應(yīng)用，也是一項(xiàng)創(chuàng)新，經(jīng)過(guò)將近兩年的發(fā)展，已經(jīng)構(gòu)造了新的微信小程序開(kāi)發(fā)環(huán)境和開(kāi)發(fā)者生態(tài)。
我們通過(guò)微信開(kāi)發(fā)者工具，我們能創(chuàng)建自己的小程序，當(dāng)我們完成小程序開(kāi)發(fā)者綁定、開(kāi)發(fā)信息配置后，開(kāi)發(fā)者即可下載開(kāi)發(fā)者工具、參考開(kāi)發(fā)文檔進(jìn)行小程序的開(kāi)發(fā)和調(diào)試。提交審核和發(fā)布完成小程序開(kāi)發(fā)后，提交代碼至微信團(tuán)隊(duì)審核，審核通過(guò)后即可發(fā)布（公測(cè)期間不能發(fā)布）。

---

一、注冊(cè)一個(gè)小程序賬號(hào)

1、首先我們?cè)谖⑿殴娞?hào)平臺(tái)-小程序里面翻到最下面，這里我們點(diǎn)擊前往注冊(cè)即可，前往注冊(cè)，輸入綁定的郵箱以及密碼等等。

2、完成注冊(cè)后，重新進(jìn)入微信公眾平臺(tái)，微信掃碼或者使用賬號(hào)登陸。

附網(wǎng)站鏈接：https://mp.weixin.qq.com/

3、在微信上提示登陸后，進(jìn)入開(kāi)發(fā)-開(kāi)發(fā)管理中即可找到AppID，即小程序ID。

4、然后我們?cè)谖⑿殴娖脚_(tái)尋找下載微信開(kāi)發(fā)者工具，并選擇下載穩(wěn)定版。

附網(wǎng)站鏈接：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

二、第一個(gè)微信小程序“Hello Wechat！”

（一）準(zhǔn)備工作

1、打開(kāi)微信開(kāi)發(fā)者工具，提示用微信掃一掃登陸。

2、進(jìn)入頁(yè)面我們點(diǎn)擊“+”，開(kāi)始創(chuàng)建一個(gè)小程序。

3、此時(shí)會(huì)彈出小程序的項(xiàng)目名稱(chēng)以及目錄，然后我們可以使用之前所創(chuàng)建的小程序ID或者使用測(cè)試號(hào)登陸，選擇開(kāi)發(fā)模式、后端服務(wù)以及語(yǔ)言后點(diǎn)擊就緒。

（二）頁(yè)面介紹

1、進(jìn)入界面，我們看到左上方有四個(gè)矩形，分別是模擬器、編輯器、調(diào)試器以及可視化，前三個(gè)分別對(duì)應(yīng)下面的手機(jī)頁(yè)面、中間的編輯器以及下方的調(diào)試窗口。

2、另外我們要知道微信小程序頁(yè)面是由四個(gè)文件組成的，即由.js、.json、.wxml、.wxss文件構(gòu)成，其中
（1）.js文件是頁(yè)面邏輯文件，主要包含邏輯代碼；
（2）.json文件是頁(yè)面配置文件，即每一個(gè)小程序頁(yè)面都可以使用 .json 文件來(lái)對(duì)本頁(yè)面的窗口表現(xiàn)進(jìn)行配置；
（3）.wxml文件是頁(yè)面描述文件；
（4）.wxss文件是樣式表文件，用來(lái)渲染頁(yè)面。

（三）代碼編寫(xiě)及編譯預(yù)覽

1、我們點(diǎn)擊index目錄下的index.wxml，它會(huì)默認(rèn)生成一些內(nèi)容。

2、將無(wú)關(guān)緊要的刪除后，我們開(kāi)始編寫(xiě)一個(gè)微信小程序“Hello Wechat！”，輸入view后回車(chē)，會(huì)自動(dòng)產(chǎn)生一個(gè)< /view >，我們?cè)趘iew和< /view >之間輸入Hello Wechat！，在點(diǎn)擊上方的編譯，即可看到左邊模擬器顯示我們剛剛輸入的內(nèi)容。

3、當(dāng)然我們也可以通過(guò)編譯旁邊的預(yù)覽，二維碼預(yù)覽或者自動(dòng)預(yù)覽即可在手機(jī)所登陸的微信號(hào)上展示。

結(jié)語(yǔ)

以上就是本次微信小程序開(kāi)發(fā)的全部?jī)?nèi)容，感謝您的閱讀和支持，若有表述或者代碼中的不當(dāng)之處，望指出！您的指出和建議能給作者帶來(lái)很大的動(dòng)力！！！

總結(jié)

以上是生活随笔為你收集整理的微信小程序开发与应用 第一章 微信小程序的基本知识1的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。