服務項目
品牌網站建設

數字營銷

係統平台開發

數字產品

安全運維

Menu
官网开云
官网开云
有漁微信小程序係統概述《一》認識微信小程序與HelloWorld
時間:2021-02-20 09:53:53

認識微信小程序

一、當前APP的痛點

1. 用戶的痛

自從(cong) 買(mai) 了智能手機後,手機上裝了一堆APP,每次裝一個(ge) 新應用就必須下載安裝一個(ge) APP。這手機屏幕成了百貨展廳,每次找個(ge) APP還得滑動屏幕找白天;而且每次安裝一個(ge) APP,就占用大量空間,這手機容量也越來越不夠用了。

一次跟一位做運營的朋友聊天,他說現在隻在微信上做推廣,因為(wei) 微信上客戶群體(ti) 多。他說知名度小的APP很難推,一是推廣費用高,二是客戶一般也不願下載。

 

2. 開發者的痛

現在做互聯網的,開發了PC端的WEB後,再開發androidsApple版,幾乎是標配。我也曾經趕過這趟渾水,當時團隊開發完了PC端的WEB,然後自然就想到要開發androidsApple版。但問題來了:我們(men) 團隊人少,而且大家都沒APP開發經驗;哪就找外包唄?於(yu) 是我們(men) 就去找外包公司。後來在聊天中外包公司的老大就向我吐苦水,他說現在1個(ge) androids1個(ge) Apple團隊,1個(ge) 項目必須得養(yang) 2幫人馬,開發成本太高了。

後來,為(wei) 了省財力、時間,我就讓外包公司開發一個(ge) APP的外殼,然後裏麵打開瀏覽器訪問我們(men) 的WAP網站,也就是Hybrid APP解決(jue) 方案。Hybrid APP解決(jue) 方案雖然開發便捷,但在用戶體(ti) 驗上就比原生的APP差很多。

 

二、微信小程序方便了用戶,更方便了開發者

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

微信小程序解決(jue) 了當前APP的痛點,方便了用戶,更方便了開發者。從(cong) 本質上看,微信小程序有點類似Hybrid APP解決(jue) 方案。以後微信就成為(wei) 移動端入口,用戶不用再無休止地安裝APP了;開發者隻需要用javaScript一種語言就可以了,開發成本幾乎可省下2/3以上;而且微信提供了非常豐(feng) 富的API,微信小程序的用戶體(ti) 驗肯定不會(hui) 比原生的APP差。

微信作為(wei) 國內(nei) 最大的交友平台,已經成了一個(ge) 獨立的互聯網王國,上麵有大量的用戶資源,微信小程序推廣的性價(jia) 比就非常高。

   可以想象,再過一段時間,大量的APP開發者會(hui) 轉投微信小程序的大營,而且幾乎所有的APP都會(hui) 重新再開發一個(ge) 微信小程序版本,微信小程序開發人員的需求也會(hui) 非常大。所以,作為(wei) 一名互聯網從(cong) 業(ye) 人員,學習(xi) 掌握微信小程序開發是非常有必要的。


HelloWorld微信小程序

看千遍不如做一遍。先讓我們(men) 來一起做一個(ge) 最簡單的HelloWorld吧。

    1.下載安裝微信小程序開發者工具,下載路徑:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

根據你的操作係統類型,選擇windows 64windows 32mac

 

    2.創建項目

     添加項目

    點擊“添加項目”按鈕,創建一個(ge) 項目。

 項目的幾個(ge) 參數說明

    沒有 AppID 就選無AppID(如果亂(luan) 寫(xie) 會(hui) 報錯,到時可能無法進入項目)。如果你選擇的“項目目錄”為(wei) 空,請如圖所示勾選在“當前目錄中創建quick start項目”。項目名稱就隨便寫(xie) 一個(ge) 吧,比如“測試項目”。點擊“添加項目”按鈕,一個(ge) 最簡單的微信小程序就完成了。

3.項目代碼結構說明

    點擊開發者工具左側(ce) 導航的“編輯”,我們(men) 可以看到這個(ge) 項目已經初始化並包含了一些簡單的代碼。其中包括:app.jsapp.jsonapp.wxss2個(ge) 目錄:pagesutils

 

    其中,最重要的是 app.jsapp.jsonapp.wxss 這三個(ge) 文件。

    app.js:這個(ge) 文件是整個(ge) 小程序的入口文件。

    app.json:這個(ge) 文件是小程序的全局配置文件,決(jue) 定頁麵文件的路徑,窗口表現,設置網絡超時時間等。

app.wxss:是小程序的樣式文件,你可以把它想象成html中的CSS

 

 

 


Kaiyun体育官方全站入口服務SERVICE
谘詢
微信掃碼谘詢
電話谘詢
400-888-9358