目錄
前言
一、小程序簡介
1.什么是小程序?
2.小程序可以干什么?
二、注冊微信小程序
三、安裝開發(fā)工具并創(chuàng)建微信小程序
?四、微信小程序目錄結構
前言
????????隨著移動互聯(lián)網(wǎng)的發(fā)展,小程序成為了一種流行的應用形式。小程序是一種輕量級應用,能夠在無需下載安裝的情況下直接在手機上使用。如果你對開發(fā)小程序感興趣,那么本篇博客將為你介紹小程序的入門知識。
一、小程序簡介
1.什么是小程序?
-
2017年度百度百科十大熱詞之一
-
微信小程序(wei xin xiao cheng xu),簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用( 張小龍對其的定義是無需安裝,用完即走,實際上是需要安裝的,只不過小程序的體積特別小, 下載速度很快,用戶感覺不到下載的過程 )
-
限制:同一個分包中的頁面享有共同的預下載大小限額 2M,限額會在工具中打包時校驗。
-
2017年1月9日0點,萬眾矚目的微信第一批小程序正式低調(diào)上線。
-
官網(wǎng):微信公眾平臺
2.小程序可以干什么?
-
同App進行互補,提供同app類似的功能,比app操作更加簡潔的輕應用
-
通過掃一掃或者在微信搜索即可下載
-
用戶使用頻率不高,但又不得不用的功能軟件,目前看來小程序是首選
-
連接線上線下
-
開發(fā)門檻低, 成本低
二、注冊微信小程序
開發(fā)小程序的第一步,你需要擁有一個小程序帳號,通過這個帳號你就可以管理你的小程序。
如果你還沒有微信公眾平臺的賬號,請先進入微信公眾平臺首頁,點擊 “立即注冊” 按鈕進行注冊。注冊的賬號類型可以是訂閱號、服務號、小程序以及企業(yè)微信,我們選擇 “小程序” 即可。
接著填寫賬號信息,需要注意的是,填寫的郵箱必須是未被微信公眾平臺注冊、未被個人微信號綁定的郵箱,而且每個郵箱僅能申請一個小程序。
激活郵箱之后,選擇主體類型為 “個人類型”,并按要求登記主體信息。主體信息提交后不可修改,該主體將成為你使用微信公眾平臺各項服務和功能的唯一法律主體與締約主體,在后續(xù)開通其他業(yè)務功能時不得變更或修改。
微信小程序的正式號和測試號有以下幾點區(qū)別:
使用限制:測試號只能用于在開發(fā)測試階段使用,而正式號則可以發(fā)布上線供用戶使用。
功能限制:測試號的功能相對比較受限,如不支持微信支付、部分接口調(diào)用等功能,而正式號可以盡可能地滿足開發(fā)者的需求。
可操作性差異:測試號的操作相對更容易,無需經(jīng)過嚴格的審核流程和申請手續(xù),而正式號需要經(jīng)過微信官方的審核才能上線使用。
用戶量限制:測試號的用戶數(shù)有一定的限制,而正式號沒有限制,可以隨時增加用戶量。
????????通過測試號可以幫助開發(fā)者快速驗證小程序的基本功能,調(diào)試問題,優(yōu)化用戶體驗。當開發(fā)完成后可以申請正式號,并經(jīng)過微信官方的審核上線,讓更多的用戶使用和體驗小程序提供的服務。
進入小程序注冊頁 根據(jù)指引填寫信息和提交相應的資料,就可以擁有自己的小程序帳號。
注冊提交信息即可
這樣就成功啦?
在這個小程序管理平臺,你可以管理你的小程序的權限,查看數(shù)據(jù)報表,發(fā)布小程序等操作。
一切 OK 就可以直接進入小程序的管理平臺了。如果直接跳轉失敗,也可以從微信公眾平臺上手動登錄。填寫小程序的基本信息,包括名稱、圖標、描述等。提交成功之后,再添加開發(fā)者。開發(fā)者默認為管理員,我們也可以從這里新增綁定開發(fā)者,這是管理員才有權限的操作。
然后在左側導航欄點擊 “設置”,找到開發(fā)設置,獲得小程序的 AppID。
小程序的 AppID 相當于小程序平臺的一個身份證,后續(xù)你會在很多地方要用到 AppID (注意這里要區(qū)別于服務號或訂閱號的 AppID)。
測試號申請地址:微信公眾平臺 (qq.com)
三、安裝開發(fā)工具并創(chuàng)建微信小程序
前往 開發(fā)者工具下載頁面 ,根據(jù)自己的操作系統(tǒng)下載對應的安裝包進行安裝,有關開發(fā)者工具更詳細的介紹可以查看 《開發(fā)者工具介紹》 。
打開小程序開發(fā)者工具,用微信掃碼登錄開發(fā)者工具,準備開發(fā)你的第一個小程序吧!
接下來我們直接傻瓜式安裝就可以了,桌面上會有這樣一個圖標
打開后我們直接微信掃碼登錄
創(chuàng)建項目
新建項目選擇小程序項目,選擇代碼存放的硬盤路徑,填入剛剛申請到的小程序的 AppID,給你的項目起一個好聽的名字,勾選 "不使用云服務" (注意: 你要選擇一個空的目錄才可以創(chuàng)建項目),點擊新建,你就得到了你的第一個小程序了,點擊頂部菜單編譯就可以在微信開發(fā)者工具中預覽你的第一個小程序。
在模板選擇處,我們隨便選擇了一個電商的模板,接下來點擊工具上的編譯按鈕,可以在工具的左側模擬器界面看到這個小程序的表現(xiàn),也可以點擊預覽按鈕,通過微信的掃一掃在手機上體驗你的第一個小程序。
通過這個章節(jié),你已經(jīng)成功創(chuàng)建了你的第一個小程序,并且在微信客戶端上體驗到它流暢的表現(xiàn)。
?四、微信小程序目錄結構
根目錄: 根目錄下主要包含 app.js、app.json、app.wxss 三個文件以及 project.config.json 配置文件等。其中:
- app.js 為小程序的全局js文件,用于定義小程序?qū)嵗娜肿兞亢秃瘮?shù)。
- app.json 為小程序的全局配置文件,用于定義小程序的啟動行為、頁面路徑、導航欄、底部標簽欄等。
- app.wxss 為小程序的全局樣式文件,用于定義小程序各個頁面公共的樣式。
- project.config.json 為小程序項目的配置文件,用于定義小程序的基本信息、開發(fā)者信息、上傳代碼時的設置等。
頁面目錄: 頁面目錄下主要包含一個 js 文件、一個 wxml 文件、一個 wxss 文件和一個 json 配置文件等。其中:文章來源:http://www.zghlxwxcb.cn/news/detail-717772.html
- js 文件為頁面邏輯文件,用于定義頁面的事件處理函數(shù)和數(shù)據(jù)處理邏輯。
- wxml 文件為小程序頁面的結構文件,類似于 HTML 文件。
- wxss 文件為小程序頁面的樣式文件,用于定義頁面的樣式。
- json 文件為小程序頁面的配置文件,用于定義頁面的標題欄、導航欄、背景色等。
微信小程序開發(fā)使用可參考微信官方文檔?使用文章來源地址http://www.zghlxwxcb.cn/news/detail-717772.html
到了這里,關于微信小程序入門及開發(fā)教程的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!