微信小程序怎么開發(fā)

—— 2018 ——

05/22

00:00

來源：

作者：未知

欄目：小程序開發(fā)

2018/5/22 0:00:00 來源：不詳作者：未知

微信小程序開發(fā)教程為大家介紹小程序開發(fā)流程的步驟詳解，讓大家全方位了解小程序開發(fā)的流程步驟。

1 注冊

注冊一個微信小程序公眾號，包括賬號注冊和管理員信息登記，管理員信息登記很重要，因為管理員才有權限發(fā)布小程序、設置開發(fā)版的體驗用戶等。

請注意，公共號注冊時選擇小程序，不是通常認為的公眾號。

注冊地址：

https://mp.weixin.qq.com/

郵箱和密碼請?zhí)顚懳醋赃^公眾平臺、開放平臺、企業(yè)號、未綁定個人號的郵箱。

填寫主體信息

郵箱激活之后，需要完善主體信息和管理員信息。

一般沒有企業(yè)注冊信息的，就選擇個人注冊賬號類型。

注意，個人賬號填寫管理員信息時，需要使用綁定了銀行卡且與注冊主體一致的微信掃描二維碼。

填寫小程序基本信息

在小程序的公眾平臺的首頁，會看到基本信息的填寫

填寫基本信息時的服務類目很重要，即表示你的小程序支持哪些服務?；拘畔⑻顚懲瓿芍螅〕绦虻淖怨ぷ骶徒Y束了。

2 開發(fā)工具及準備工作

獲取AppID

如果你要開發(fā)一個需要發(fā)布的小程序，在你的公眾號里找到設置->開發(fā)設置，找到AppID

開發(fā)工具安裝

下載：登錄小程序公眾號之后，找到首頁，有開發(fā)工具下載，幫助文檔等。

添加項目

下載安裝好開發(fā)工具，開始添加項目。

在AppID處填上你公眾號的AppID.

項目名稱隨便填。

項目目錄可以直接指向Demo地址，也可以指向一個空的文件夾（可以選擇quick start項目）。

代碼編譯

編譯選項使用默認設置即可，每次保存之后會自動編譯。當你的控件正常顯示之后，表示編譯結束。當然，也可以查看Console.

當Console顯示編譯完畢，但你的控件沒有完全顯示時，應該是你電腦速度太慢，關掉工程，重新打開即可。

調試

-------- 調試期間不要修改代碼。只能在編輯頁面修改，保存之后，需要重新調試。

-------- 調試支持斷點調試，Console可以直接寫代碼輔助調試，類似瀏覽器console的功能。

-------- 如果控件的布局總是調不好，最好直接在調試界面的Wxml里調試，可以清晰的看到調用了哪些class,每種class的哪些屬性在起作用。

預覽

管理員有預覽項目的功能，即在手機上看小程序的效果。

開發(fā)工具中找到“項目”一欄->預覽，然后拿微信掃描即可。可使用半小時。

微信上可以在"發(fā)現(xiàn)"->"小程序"中找到你的小程序開發(fā)版本。

代碼上傳

代碼上傳之后可以邀請其他微信用戶體驗，或者提交審核。

在開發(fā)工具中選擇選項->基礎信息->上傳

體驗

代碼上傳之后，可以邀請其他成員體驗，但必須先把他們設置為體驗者。

設置方式：公眾號登錄—>用戶身份->體驗者->綁定

每個賬號可以綁定10個體驗者。

體驗者同意體驗后可在其微信的發(fā)現(xiàn)->小程序里找到體驗版本。

3 功能確認

功能確認就是確認你的小程序到底要完成什么功能，為什么要單獨寫這個呢？如果你的小程序功能不符合要求，那審核是過不了的。

4 框架介紹和小技巧分享

在學習小程序的框架前，需要學習一些JS,CSS 的知識。

網(wǎng)絡訪問注意事項

---------小程序無法直連外部URL,就是外部頁面

---------訪問服務器，比如API接口

訪問服務器的API接口描述：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

注意：request 僅支持https的訪問方式。另外，你訪問的域名必須在公眾號賬號設置，否則調試代碼會報錯。

request域名的設置方式：公眾號->設置->開發(fā)設置

域名每個月只能設置五次，謹慎修改。

修改域名之后務必到開發(fā)工具的項目->配置信息中進行刷新，這樣域名才能生效。

如果只是希望測試URL是否好用，不確定最終是否使用這個服務器，可以在開發(fā)階段去掉域名檢測，開發(fā)工具->項目：

布局引用

在使用.wxss描述控件的布局和樣式時，同樣的控件布局可以寫在一個公用的wxss文件里，其他wxss可以再引用這個公用文件，比如：

@import "../../common/common.wxss";

主頁設置

主頁不需要特殊設置，在app.json的pages屬性里，排在第一個的就是主頁。下圖中的主頁就是index

"pages":[ "pages/index/index", "pages/components/identify/identify", "pages/components/dict/dict", "pages/components/express/express", "pages/components/general/general", "pages/components/mine/mine" ]

Pages分類管理

盡量每一個頁面放在一個子文件夾里，代碼看起來清晰。在下圖中，components下面有五個子頁面。

【本站聲明】
1、本站文章中所選用的圖片及文字來源于網(wǎng)絡以及用戶投稿，由于未聯(lián)系到知識產權人或未發(fā)現(xiàn)有關知識產權的登記，如有知識產權人并不愿意我們使用，如果有侵權請立即聯(lián)系。
2、本網(wǎng)站不對文章中所涉及的內容真實性、準確性、可靠性負責，僅系客觀性描述，如您需要了解該類商品/服務詳細的資訊，請您直接與該類商品/服務的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國內領先的在線教育軟件及私域社交電商軟件服務提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產品云開店SaaS社交電商服務平臺、在線教育SaaS服務平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。
KESION 不斷通過技術創(chuàng)新，提供產品和服務，助力企業(yè)向數(shù)字化轉型，通過科技驅動商業(yè)革新，讓商業(yè)變得更智慧！

▼點擊進入科汛官網(wǎng)了解更多

熱門標簽

微信小程序開發(fā) 微信小程序 SaaS

上/下篇

微信小程序開發(fā)過程中常見的問題

微信小程序開發(fā)者和開發(fā)需求者必讀，內容涵蓋小程序開發(fā)實戰(zhàn)需要注意的40個技術點，供大家參考：...

微信小程序開發(fā)微信小程序SaaS 2018/5/22 0:00:00
微信小程序開發(fā)實踐教程

小程序由于微信提供了一些組件，在微信中的一些體驗確實不錯，對于開發(fā)來說，由數(shù)據(jù)驅動的開發(fā)模式也是挺爽的。...

微信小程序開發(fā)微信小程序SaaS 2018/5/22 0:00:00