微信小程序開發筆記-基礎

一、 小程序的基本情況

1、什麼是小程序?

小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念,用戶不用關心是否安裝太多應用的問題,應用將無處不在,隨時可用,但又無需安裝卸載。

2、小程序的特點:

(1)速度快

無需下載安裝,加載速度快於HTML5,微信登錄,隨時可用;

(2)無需適配

一次開發,多端兼容,免除對各種手機機型的適配;

(3)社交分享

支持直接或APP分享給微信和羣聊;

(4)出色體驗

可達到近乎原生App的操作體驗和流暢度,在離線狀態亦可以使用;
(每次打開HTML5頁面都需要加載,在沒有網絡的情況下頁面就無法打開,而小程序擁有離線使用的能力)

(5)用完即走、隨手可得

通過掃碼、長按、微信搜索、公衆號、好友推薦等方式快速獲取服務,用完即走;

(6)低門檻

已有公衆號的組織可快速註冊、可快速生成門店小程序;
(開發者可以通過企業身份或個人身份註冊小程序,還可以通過賦用公衆號資質創現小程序)

3、小程序特點的表現:

1、無需安裝、快速訪問

APP(約100M) VS 小程序(<4M)
故避免手機應用安裝太多手機存儲飽和所帶來的卡頓等等問題;

2、隨處可得、易於分享

在這裏插入圖片描述

3、出色的體驗

優越的體驗使得快速的多類目切換搜索、地圖畫布等等功能成爲了可能
在這裏插入圖片描述

4、小程序的產品優勢

在這裏插入圖片描述
小程序不是網頁,也不是APP,是一種全新的產品體驗;

5、小程序的能力發展

在這裏插入圖片描述

6、小程序的生態

在這裏插入圖片描述

7、小程序在各個行業的應用

(1)智慧零售:

①場景賦能
在這裏插入圖片描述
線下-購物-線上 避免排隊!
②營銷賦能
在這裏插入圖片描述
渠道-會員-品牌
③社交賦能
在這裏插入圖片描述
禮物-社交-銷售

(2)電商行業:

沉浸式用戶體驗
豐富的購物場景
閉環的場景能力
大數據分享工具
電商平臺
在這裏插入圖片描述
發現用戶自建購物共享羣;
內容電商
在這裏插入圖片描述
看公衆號 -> 種草 -> 購買;
品牌電商
在這裏插入圖片描述
打通線上線下服務;

(3)生活服務:

出行
在這裏插入圖片描述
餐飲
移動支付、自助點餐;
在這裏插入圖片描述
旅遊
在這裏插入圖片描述
共享
在這裏插入圖片描述在這裏插入圖片描述

(4)政務民生:

互聯網+公共服務
公安
在這裏插入圖片描述
醫療
在這裏插入圖片描述
稅務
在這裏插入圖片描述
郵政
在這裏插入圖片描述

(5)高校

查詢學校線上服務
在這裏插入圖片描述
小程序內領取、查看校園卡
在這裏插入圖片描述
通過小程序進入圖書館、食堂支付
在這裏插入圖片描述在這裏插入圖片描述
在這裏插入圖片描述

(6)小遊戲

比如:跳一跳
在這裏插入圖片描述
開發者可以通過這一接口去開發小遊戲;

二、開發小程序的準備工作

1、小程序的技術發展過程

在這裏插入圖片描述
當微信中的webview逐漸成爲移動web的一個重要入口時,微信就設計了JSSDK(解決了移動網頁能力不足的問題,通過暴露微信的接口使得web開發者能夠擁有更多的能力。但這個模式並沒有解決使用移動網頁遇到的體驗不良的問題,也就是用戶在訪問網頁的時候、在瀏覽器開始顯示之前都會有一個白屏的過程)
從技術的維度來說,小程序的技術實際上就是基於web的技術;

2、小程序的技術模型

在這裏插入圖片描述
小程序的渲染層和邏輯層分別有兩個進程管理,渲染層的界面使用了Webview進行渲染,邏輯層則採了JcCore進程運行Js腳本;
一個小程序存在多個頁面,所以渲染層也存在多個webview進程;
這兩個進程的通信會經由微信客戶端做中轉,邏輯層發送網絡請求也進由Native轉發,通過隔離渲染層和邏輯層我們能夠做到比較好的管控,避免開發這動態修改渲染界面繞過微信平臺很多運營規則。比如在渲染層開發羣暱稱等等,微信隱私數據;而邏輯層拿不到具體的數據。

3、小程序的程序語言:

渲染層:WXML + WXSS(類似於HTML + CSS)
邏輯層:依賴JavaScript
配置:JSON

4、小程序的開發流程:

在這裏插入圖片描述
具體過程:

(1) 賬號申請、註冊流程:

登錄微信公衆平臺的官網:https://mp.weixin.qq.com/
在微信公衆平臺官網首頁(mp.weixin.qq.com)點擊右上角的“立即註冊”按鈕。
在這裏插入圖片描述
選擇註冊的帳號類型
選擇“小程序”,點擊“查看類型區別”可查看不同類型帳號的區別和優勢。
在這裏插入圖片描述
填寫郵箱和密碼:
請填寫未註冊過公衆平臺、開放平臺、企業號、未綁定個人號的郵箱。(郵箱註冊:每個郵箱僅能申請一個小程序)
在這裏插入圖片描述
激活郵箱:
登錄郵箱,查收激活郵件,點擊激活鏈接。
在這裏插入圖片描述
填寫主體信息:
點擊激活鏈接後,繼續下一步的註冊流程。請選擇主體類型選擇,完善主體信息和管理員信息。(這裏需要選擇小程序的註冊主體,小程序會分爲個人、企業、政府、媒體、其他組織五種類型)
在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述
不同類型的小程序需要哪些註冊材料:
在這裏插入圖片描述
以個人信息爲例子:(需要輸入個人信息)
在這裏插入圖片描述在這裏插入圖片描述

最後掃二維碼確認登錄,身份驗證成功後,你的個人微信號就將是小程序的管理員
在這裏插入圖片描述在這裏插入圖片描述

注意:主體信息提交後不可以修改。
在這裏插入圖片描述

(2)小程序發佈流程

填寫小程序信息

基本信息:名稱、頭像、簡介和服務類目

在這裏插入圖片描述
成員信息
在這裏插入圖片描述

開發信息:在這裏可以獲取小程序的AppID,

在這裏插入圖片描述
注意:在完成了信息的補充之後就可以進行代碼的開發以及上傳了

5、小程序開發工具的下載與安裝:

(1)下載:

開發者需要先下載一個開發工具來進行小程序的開發,小程序開發工具也是在微信公衆平臺的官網上下載:
在這裏插入圖片描述
即:
在這裏插入圖片描述
接着找到開發者工具:
在這裏插入圖片描述
進入頁面後,選擇下載:
在這裏插入圖片描述
在這裏插入圖片描述

(2) 安裝流程:

在這裏插入圖片描述
下載完成後運行:
在這裏插入圖片描述
在這裏插入圖片描述
然後自己選擇安裝地址後進行安裝:
在這裏插入圖片描述
安裝完成:
在這裏插入圖片描述
使用小程序開發工具需要開發者用自己的微信進行掃碼登錄:
在這裏插入圖片描述
掃碼登錄後:
在這裏插入圖片描述
選擇小程序開發,選擇項目文件夾,輸入獲取的AppID:
在這裏插入圖片描述
在這裏插入圖片描述

三、小程序的設計規範

四、小程序的運營規範

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章