|
微信小程序應(yīng)該說是一個(gè)比較流行,并且百度一下的話,經(jīng)??梢钥吹健澳闶欠衲軌蜃プ∥⑿判〕绦虻募t利這樣的問題?!庇纱丝梢姡壳靶〕绦?qū)τ诤芏嘤兄局康奈?,就題主這個(gè)問題,小程序怎么制作? 小程序需要注冊才能使用1. 登錄微信小程序網(wǎng)址:https://mp.weixin.qq.com
2. 點(diǎn)擊進(jìn)入開通小程序,在這一塊,如果你是有用公眾號的,那么就是關(guān)聯(lián)和快速注冊并認(rèn)證小程序這兩個(gè)選項(xiàng),這也就是說你需要一個(gè)微信公眾號。同時(shí)在關(guān)聯(lián)小程序這一塊是沒有資質(zhì)要求的,相反如果是注冊并認(rèn)證小程序,是必須是一個(gè)服務(wù)號,也就是說有企業(yè)資質(zhì)認(rèn)證的公眾號。注冊具體流程有認(rèn)證的朋友具體去嘗試,小編這塊也沒法去嘗試,希望理解。 我覺得下面這個(gè)話題才是題主關(guān)心的,小程序如何制作。就目前市場上來說,是有很多網(wǎng)站平臺支持小程序的模板使用的。這個(gè)可以通過百度查到的,如果實(shí)在麻煩可直接委托平臺為你開發(fā),有錢沒有辦不到的事兒。 第二種情況,就是自己是一個(gè)中端的網(wǎng)絡(luò)工程師,然后又沒接觸過這塊,想自己接觸小程序的代碼操作。 就用一個(gè)商戶小程序代碼開發(fā)來說吧。 一、準(zhǔn)備工作首先還是要進(jìn)行注冊——認(rèn)證(特別繁瑣)——登錄 在你注冊完賬號后,登錄,在主頁面左邊列表中點(diǎn)擊設(shè)置,然后再設(shè)置頁面中選開發(fā)設(shè)置就可以看到AppID,用于登錄開發(fā)工具。 主頁面 設(shè)置頁面 二、開發(fā)工具可以到官網(wǎng)下載開發(fā)工具下載 三、開始項(xiàng)目打開開發(fā)者工具,選擇小程序選項(xiàng),到達(dá)添加項(xiàng)目頁面——添加項(xiàng)目 這個(gè)時(shí)候在前面設(shè)置頁面的AppId就用到了。 如果項(xiàng)目目錄中的文件是個(gè)空文件夾,會提示是否創(chuàng)建quick start 項(xiàng)目。選擇“是”,開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個(gè)簡單的 demo。這個(gè)Demo擁有一個(gè)完整的小程序的大概框架。 1、框架 先看下一目錄: app.js: 小程序邏輯,生命周期,,全局變量app.json: 小程序公共設(shè)置,導(dǎo)航欄顏色等,不可以注釋app.wxss :小程序公共樣式,類CSS 。 小程序頁面構(gòu)成: 每一個(gè)小程序頁面是由同路徑下同名的四個(gè)不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。 微信小程序中的每一個(gè)頁面的【路徑 頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個(gè)頁面是小程序的首頁。 這四個(gè)文件按照功能可以分成三個(gè)部分: 配置:json 文件邏輯層:js文件視圖層:wxss.wxml文件 在 iOS 上,小程序的 javascript 代碼是運(yùn)行在 JavaScriptCore 中在 Android 上,小程序的 javascript 代碼是通過 X5 內(nèi)核來解析在 開發(fā)工具上, 小程序的 javascript 代碼是運(yùn)行在 nwjs(chrome內(nèi)核) 中。所以開發(fā)工具上的效果跟實(shí)際效果有所出入。 2、組件 微信提供了許多組件,主要分為八種:視圖容器、基礎(chǔ)內(nèi)容、表單組件、操作反饋、導(dǎo)航、媒體組件、地圖、畫布 包含view、scroll-view、button、form等普通常用的組件,也提供了地圖map、畫布canvas。 組件主要屬于視圖層,通過wxml來進(jìn)行結(jié)構(gòu)布局,類似于html。通過wxss修改樣式,類似于css。組件使用語法實(shí)例: <!--普通視圖--><view>這是一個(gè)普通視圖</view> <!--wxss樣式修改--><view clas='mainView'>樣式修改過的視圖</view> 更多的組件以及相關(guān)使用方法可以到官方文檔-組件查看 3、API 網(wǎng)絡(luò)、媒體、數(shù)據(jù)、位置、設(shè)備、界面、開發(fā)接口 其中網(wǎng)絡(luò)請求的使用必須先到公眾平臺登錄小程序賬號,在設(shè)置頁面那里,設(shè)置允許訪問的域名,網(wǎng)絡(luò)請求包含了普通的http請求、支持上傳、下載、socket?;旧蠞M足了我們開發(fā)中所需要的網(wǎng)絡(luò)需求。 這些API屬于邏輯層,寫在js文件中。 貓叔一個(gè)小白,在這為你分享,如果有興趣的,請點(diǎn)贊關(guān)注。謝謝邀請 |
|
|