微信小程序开发与应用 第一章 微信小程序的基本知识1
1-1
第一章 第一節(jié) 微信小程序的基本知識1
文章目錄
- 前言
- 一、注冊一個小程序賬號
- 二、第一個微信小程序“Hello Wechat!”
- (一)準(zhǔn)備工作
- (二)頁面介紹
- (三)代碼編寫及編譯預(yù)覽
- 結(jié)語
前言
微信小程序,是小程序的一種,英文名Wechat Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。全面開放申請后,主體類型為企業(yè)、政府、媒體、其他組織或個人的開發(fā)者,均可申請注冊小程序。微信小程序、微信訂閱號、微信服務(wù)號、微信企業(yè)號是并行的體系。
微信小程序是一種不用下載就能使用的應(yīng)用,也是一項創(chuàng)新,經(jīng)過將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的微信小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。
我們通過微信開發(fā)者工具,我們能創(chuàng)建自己的小程序,當(dāng)我們完成小程序開發(fā)者綁定、開發(fā)信息配置后,開發(fā)者即可下載開發(fā)者工具、參考開發(fā)文檔進(jìn)行小程序的開發(fā)和調(diào)試。提交審核和發(fā)布完成小程序開發(fā)后,提交代碼至微信團(tuán)隊審核,審核通過后即可發(fā)布(公測期間不能發(fā)布)。
一、注冊一個小程序賬號
1、首先我們在微信公眾號平臺-小程序里面翻到最下面,這里我們點擊前往注冊即可,前往注冊,輸入綁定的郵箱以及密碼等等。
2、完成注冊后,重新進(jìn)入微信公眾平臺,微信掃碼或者使用賬號登陸。
附網(wǎng)站鏈接:https://mp.weixin.qq.com/
3、在微信上提示登陸后,進(jìn)入開發(fā)-開發(fā)管理中即可找到AppID,即小程序ID。
4、然后我們在微信公眾平臺尋找下載微信開發(fā)者工具,并選擇下載穩(wěn)定版。
附網(wǎng)站鏈接:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
二、第一個微信小程序“Hello Wechat!”
(一)準(zhǔn)備工作
1、打開微信開發(fā)者工具,提示用微信掃一掃登陸。
2、進(jìn)入頁面我們點擊“+”,開始創(chuàng)建一個小程序。
3、此時會彈出小程序的項目名稱以及目錄,然后我們可以使用之前所創(chuàng)建的小程序ID或者使用測試號登陸,選擇開發(fā)模式、后端服務(wù)以及語言后點擊就緒。
(二)頁面介紹
1、進(jìn)入界面,我們看到左上方有四個矩形,分別是模擬器、編輯器、調(diào)試器以及可視化,前三個分別對應(yīng)下面的手機(jī)頁面、中間的編輯器以及下方的調(diào)試窗口。
2、另外我們要知道微信小程序頁面是由四個文件組成的,即由.js、.json、.wxml、.wxss文件構(gòu)成,其中
(1).js文件是頁面邏輯文件,主要包含邏輯代碼;
(2).json文件是頁面配置文件,即每一個小程序頁面都可以使用 .json 文件來對本頁面的窗口表現(xiàn)進(jìn)行配置;
(3).wxml文件是頁面描述文件;
(4).wxss文件是樣式表文件,用來渲染頁面。
(三)代碼編寫及編譯預(yù)覽
1、我們點擊index目錄下的index.wxml,它會默認(rèn)生成一些內(nèi)容。
2、將無關(guān)緊要的刪除后,我們開始編寫一個微信小程序“Hello Wechat!”,輸入view后回車,會自動產(chǎn)生一個< /view >,我們在view和< /view >之間輸入Hello Wechat!,在點擊上方的編譯,即可看到左邊模擬器顯示我們剛剛輸入的內(nèi)容。
3、當(dāng)然我們也可以通過編譯旁邊的預(yù)覽,二維碼預(yù)覽或者自動預(yù)覽即可在手機(jī)所登陸的微信號上展示。
結(jié)語
以上就是本次微信小程序開發(fā)的全部內(nèi)容,感謝您的閱讀和支持,若有表述或者代碼中的不當(dāng)之處,望指出!您的指出和建議能給作者帶來很大的動力!!!
總結(jié)
以上是生活随笔為你收集整理的微信小程序开发与应用 第一章 微信小程序的基本知识1的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C++编程练习:设计一个银行账户类,包含
- 下一篇: 计算机网络实验(思科模拟器Cisco P