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