2017年,我們稱(chēng)之為“微信小程序元年”。此后,微信小程序的發(fā)展蒸蒸日上。目前,下一代移動(dòng)互聯(lián)網(wǎng)產(chǎn)業(yè)正朝著(zhù)“微、輕、小”的方向發(fā)展,就像微信小程序,這個(gè)革命性的輕量級“APP”,不需要下載,用完,同時(shí)有信息發(fā)布、廣告、服務(wù)功能,將成為替代手機客戶(hù)端APP的最佳選擇。本文將分析微信小程序的系統實(shí)現和前景,研究基于微信“小程序”開(kāi)發(fā)的系統架構、關(guān)鍵技術(shù)和市場(chǎng)前景。
1.我們需要有一個(gè)帳戶(hù)。如果您可以看到該文件,我們應該已經(jīng)邀請并為您創(chuàng )建了一個(gè)帳戶(hù)。注意服務(wù)賬號或訂閱賬號的AppID不能直接使用。 使用提供的賬號登錄https://mp.weixin.qq.com , 可以在網(wǎng)站“設置”-“開(kāi)發(fā)者設置”中查看微信小程序的AppID。
2、創(chuàng )建項目 需要使用開(kāi)發(fā)者工具完成小程序的創(chuàng )建和代碼編輯。 開(kāi)發(fā)者工具安裝好后,打開(kāi)微信掃碼登錄。選擇創(chuàng )建“項目”,填寫(xiě)上面獲取的AppID,設置一個(gè)本地項目名(不是小程序名),比如“我的第一個(gè)項目”,選擇本地文件夾作為代碼存放目錄,點(diǎn)擊“新建”項目”。 為方便初學(xué)者了解微信小程序的基本代碼結構,在創(chuàng )建過(guò)程中,如果選擇的本地文件夾為空文件夾,開(kāi)發(fā)者工具會(huì )提示是否需要創(chuàng )建快速啟動(dòng)項目。選擇“是”,開(kāi)發(fā)者工具會(huì )幫我們在開(kāi)發(fā)目錄下生成一個(gè)簡(jiǎn)單的demo。
項目創(chuàng )建成功后,我們可以點(diǎn)擊項目進(jìn)入并看到完整的開(kāi)發(fā)者工具界面,點(diǎn)擊左側導航,在“編輯”中查看和編輯我們的代碼,在“調試”中測試代碼微信客戶(hù)端模擬小程序的效果可以發(fā)送到手機中,在“項目”中預覽實(shí)際效果。
3. 編寫(xiě)代碼。 點(diǎn)擊開(kāi)發(fā)者工具左側導航欄中的“編輯”。我們可以看到這個(gè)項目已經(jīng)被初始化并且包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵和不可或缺的是app.js、app.json和app.wxss。其中.js后綴為腳本文件,.json后綴為配置文件,.wxss后綴為樣式表文件。微信小程序會(huì )讀取這些文件并生成小程序示例。 讓我們簡(jiǎn)單了解一下這三個(gè)文件的作用,方便我們從零開(kāi)始修改和開(kāi)發(fā)自己的微信小程序。 app.js 是小程序的腳本代碼。我們可以監控和處理小程序的生命周期函數,并在這個(gè)文件中聲明全局變量。調用MINA提供的豐富API,例如本例中本地數據的同步存儲、同步讀取等。
app.json 是整個(gè)小程序的全局配置。在這個(gè)文件中,我們可以配置小程序由哪些頁(yè)面組成,配置小程序的窗口背景顏色,配置導航欄樣式,配置默認標題。
4.創(chuàng )建頁(yè)面 本教程中,我們有兩個(gè)頁(yè)面,索引頁(yè)面和日志頁(yè)面,即歡迎頁(yè)面和小程序啟動(dòng)日志的顯示頁(yè)面。它們都在 pages 目錄下。微信小程序中每個(gè)頁(yè)面的【路徑+頁(yè)面名】需要寫(xiě)在app.json的pages中,pages的第一頁(yè)就是小程序的首頁(yè)。 每個(gè)小程序頁(yè)面由四個(gè)不同后綴的同名文件組成,如index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件,.json后綴的文件是配置文件,.wxss后綴的文件是樣式表文件,.wxml后綴的文件是頁(yè)面結構文件。
5 、在手機預覽開(kāi)發(fā)者工具左側菜單欄中選擇“項目” ,點(diǎn)擊“預覽”,掃碼后即可在微信客戶(hù)端體驗。
一、引言 農業(yè)作為國民經(jīng)濟的基礎,其穩定發(fā)展對于國家的繁榮和人民的福祉至關(guān)重要。然而,病蟲(chóng)害一直是影響農業(yè)生產(chǎn)的重要因素之一。傳統的病蟲(chóng)害診斷方法往往依賴(lài)于人工
...PLC無(wú)線(xiàn)通信模塊:連接工業(yè)設備與互聯(lián)網(wǎng)的橋梁 一、PLC無(wú)線(xiàn)通信模塊概述 1. PLC無(wú)線(xiàn)通信模塊的定義與功能 PLC無(wú)線(xiàn)通信模塊是一種用于連接工業(yè)設備與互聯(lián)網(wǎng)的關(guān)鍵組件。它利
...病蟲(chóng)害圖像識別技術(shù)的發(fā)展趨勢與挑戰 一、病蟲(chóng)害圖像識別技術(shù)的發(fā)展歷程 1.1 早期圖像識別技術(shù)的起源 病蟲(chóng)害圖像識別技術(shù)的起源可以追溯到計算機視覺(jué)和圖像處理領(lǐng)域的早期
...智能物聯(lián)網(wǎng)無(wú)線(xiàn)電子秤硬件技術(shù)方案的未來(lái)趨勢 一、引言 1.1 智能物聯(lián)網(wǎng)無(wú)線(xiàn)電子秤的背景介紹 隨著(zhù)物聯(lián)網(wǎng)技術(shù)的快速發(fā)展,智能物聯(lián)網(wǎng)無(wú)線(xiàn)電子秤作為物聯(lián)網(wǎng)技術(shù)在稱(chēng)重領(lǐng)域的
...溫度傳感器有哪幾種類(lèi)型 一、溫度傳感器的基本概念和分類(lèi) 1. 溫度傳感器的定義和作用 溫度傳感器是一種能夠感知和測量溫度變化的裝置,其基本原理是利用材料的電學(xué)、磁學(xué)或
...一、概述 1.1 智能物聯(lián)網(wǎng)無(wú)線(xiàn)電子秤的現狀與挑戰 隨著(zhù)物聯(lián)網(wǎng)技術(shù)的快速發(fā)展,智能物聯(lián)網(wǎng)無(wú)線(xiàn)電子秤作為物聯(lián)網(wǎng)應用的重要組成部分,正逐漸受到廣泛關(guān)注。目前,市場(chǎng)上的智能
...一、引言 隨著(zhù)工業(yè)自動(dòng)化程度的不斷提高,可編程邏輯控制器(PLC)作為工業(yè)自動(dòng)化的核心設備,發(fā)揮著(zhù)越來(lái)越重要的作用。而PLC無(wú)線(xiàn)通信模塊作為PLC與外部設備通信的關(guān)鍵組件
...PLC無(wú)線(xiàn)通信模塊選型指南:從需求到實(shí)施的全流程解析 一、引言 1.1 PLC無(wú)線(xiàn)通信模塊的重要性 隨著(zhù)工業(yè)自動(dòng)化的發(fā)展,可編程邏輯控制器(PLC)在各類(lèi)工業(yè)設備中扮演著(zhù)至關(guān)重
...概述:大模型計費時(shí)的Token定義與重要性 在大型機器學(xué)習模型的計費過(guò)程中,Token作為一種重要的計量單位,扮演著(zhù)至關(guān)重要的角色。Token不僅代表了模型使用的資源量,還反映
...??
銷(xiāo)售溝通:17190186096
售前咨詢(xún):15050465281
掃碼加顧問(wèn)微信 -->