本篇文章給大家談?wù)勑〕绦蜷_發(fā)問題，以及微信小程序開發(fā)問題對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

小程序開發(fā)經(jīng)驗(yàn)總結(jié)

最近一直在做小程序，工作中也遇到了一些問題，踩了一些坑，所以想著寫篇文章記錄下來，并借此將小程序開發(fā)的相關(guān)知識進(jìn)行梳理，方便以后參考，也為剛剛接觸小程序的人提供一些思路方法，互相學(xué)習(xí)，共同進(jìn)步。

1、微信小程序的目錄結(jié)構(gòu)及配置說明

app.json是小程序的全局配置文件，所有配置項(xiàng)key必須使用 雙引號括起來 ，value值為字符串類型的也必須使用雙引號， 不支持單引號 。

1.1 pages

pages選項(xiàng)是必須配置的。該配置項(xiàng)注冊了小程序所有頁面的地址，其中每一項(xiàng)都是頁面的 路徑+文件名 。每一個頁面都是由.json、.js、.wxml、.wxss四個文件組成，并且 四個文件的名字必須要一致 。

1.2 ? tabBar

tabBar 配置項(xiàng)指定 tab 欄的表現(xiàn)，以及 tab 切換時顯示的對應(yīng)頁面。其中 list 接受一個數(shù)組，只能配置最少 2 個、最多 5 個 tab

1.3?usingComponents

使用自定義組件或者插件提供的組件前，必須先在這里聲明

2、開發(fā)微信小程序遇到的問題及解決辦法

2.1 雙向綁定

微信小程序不支持通過v-model的方式實(shí)現(xiàn)自動雙向綁定，需要給表單元素通過綁定事件，并使用this.setData來賦值實(shí)現(xiàn)。

2.2 computed和watch

微信小程序默認(rèn)是不支持computed和watch的，如需要使用這兩項(xiàng)功能，需要安裝miniprogram-computed ，安裝方法見 官方文檔

2.3 對象賦值

如果給對象的屬性賦值，可以使用this.setData({'obj.key':value})來賦值，但是如果給某個屬性名是變量的屬性賦值，通過這種方法是會報錯的，經(jīng)過多次嘗試，發(fā)現(xiàn)使用如下的方式賦值成功。

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

當(dāng)頁面存在彈框容器，并且彈框里的內(nèi)容是需要滾動條滾動展示時，如果彈框下面那層的容器使用view元素的話，會導(dǎo)致滾動彈框內(nèi)容時，同時會觸發(fā)彈框下面那層的頁面容器也會一起滾動，解決此問題可以將彈框下面的容器使用scroll-view元素替代view元素

3、小程序測試和發(fā)布

由于服務(wù)器域名request合法域名每個月 只能修改5次 ，因此在本地開發(fā)小程序時，需要在微信調(diào)試工具中設(shè)置不校驗(yàn)合法域名。等小程序上線前再一次性將所有域名添加到小程序管理后臺。

以上便是此次小程序開發(fā)中積累的一些經(jīng)驗(yàn)，希望能給剛剛接觸小程序的人提供一些思路方法，在以后的開發(fā)中，如果遇到新的問題，繼續(xù)更新文檔......

開發(fā)微信小程序需要注意什么？

制作小程序看似簡單，但是其中需要掌握的技巧還是很多的，只不過對于很多新手來說，是一頭霧水的，下面，針對這一問題，我們就來看一下在小程序開發(fā)中需要注意哪些方面。

一、了解客戶群體，深挖客戶需求

制作小程序，本身就是為了拓寬自己的銷售渠道，增加客戶群體，讓用戶買得方便，買得快捷。所以在制作小程序之前，一定要了解自己的客戶群體，深挖客戶需求，根據(jù)客戶來進(jìn)行店鋪設(shè)計等等，如果不能讓自己的客戶群體滿意，幫助不了客戶解決問題，那么店鋪也將不再具備吸引力。

二、店鋪布局清晰，模塊簡明扼要

小程序的店鋪整體布局一定要遵從一定的邏輯，布局要清晰明了。一般一個店鋪中的主要部分包括，banner、商品導(dǎo)航欄、商品分類、優(yōu)惠模塊、個人主頁等。

在進(jìn)行模塊劃分時，一定要注意主次，將店鋪主打放置在首頁醒目的位置，輪播圖片盡量選擇高清大圖，而且一定要美觀，可以頓時吸引用戶的目光，讓顧客快速了解店鋪。

除此之外，商家還可以在小程序中適量穿插視頻模塊，優(yōu)惠券模塊、特價專區(qū)等等，頁面流暢地展現(xiàn)在用戶眼前。

針對商品詳情，商家可以在其中加入產(chǎn)品直拍視頻、商品細(xì)節(jié)圖片展示等等，讓用戶更加了解商品，刺激用戶購買。

三、吸引人的營銷文案，刺激用戶瀏覽購買

一個吸引人的營銷文案可以讓小程序高效引流，實(shí)現(xiàn)用戶轉(zhuǎn)化。比如營銷時推出的優(yōu)惠券信息、符合商品特性的個性化介紹等等，如美妝行業(yè)：可以專門設(shè)置一個種草專區(qū)，標(biāo)題寫上：“時尚護(hù)膚全方位，天然魅力零距離”，讓用戶感受到滿滿的創(chuàng)意和誠意，與用戶共情，刺激用戶進(jìn)店瀏覽并購買。

四、更快觸達(dá)，減少頁面跳轉(zhuǎn)，提升用戶滿意度

用戶進(jìn)店購買東西，其實(shí)最煩的就是彈窗一個接一個，跳轉(zhuǎn)一個接一個，才能找到自己想找的商品，這樣會讓用戶感覺繁瑣，很容易造成用戶流失，用戶的滿意度也會大大降低。所以在制作小程序時，盡量做到更快觸達(dá)，進(jìn)一步提升用戶的購物體驗(yàn)。

城類小程序是當(dāng)下最常見的小程序類型，需要具備店鋪管理，商品上下架，支付下單，訂單處理，在線客服，快遞物流，客戶管理等基礎(chǔ)功能，以及做營銷所需的拼團(tuán)、秒殺、砍價、優(yōu)惠券、滿減送、直播、會員卡等營銷工具。

針對商城類的細(xì)節(jié)方面也是萬萬不可忽視的，如果你是新手，對于小程序還不太了解，但是又想制作小程序，可以直接通過得有店一鍵生成適合自己店鋪經(jīng)營情況的線上商城，直接一鍵套用行業(yè)模板，還可自由DIY設(shè)計，拖拽式組合搭建，就像搭積木一樣簡單。

開發(fā)小程序需要注意的方面有很多，以上只是其中的幾種，希望對你有用。

小程序怎么開發(fā)？

這里談下小程序怎么開發(fā)？小程序的開發(fā)成本主要受開發(fā)方式和功能難易程度而定。開發(fā)小程序的方式無非是自己獨(dú)立開發(fā)和找第三方服務(wù)商開發(fā)，那我們來看看怎么選。

1、獨(dú)立開發(fā)：這個需要依賴于開發(fā)者的技術(shù)實(shí)力，涉及到代碼開發(fā)，并不是入門級水平就能完成。另一方面，也要視小程序的難易程而定，如果是較為復(fù)雜的小程序，一個人無法獨(dú)立完成開發(fā)的話，那么你也要把租用場地、租用設(shè)備、聘請技術(shù)人員等一系列的開支算進(jìn)去，成本和周期也會隨之增加，而小程序上線后也存在技術(shù)保障的問題。

2、第三方開發(fā)：這是大多數(shù)用戶選擇的開發(fā)方式，主要有第三方提供模板小程序和定制版小程序。模板小程序是針對每個行業(yè)的特性而統(tǒng)一開發(fā)制作對于商家來說操作簡單，直接套用模板即可，開發(fā)周期短上線快（一般最快數(shù)天），營銷功能也比較齊全，能滿足日常經(jīng)營需求，價格在幾千不等，對于中小型商家來說性價比最高。

定制小程序這個要根據(jù)商家的具體需求，對小程序的每個頁面每項(xiàng)功能去開發(fā)，所以開發(fā)周期長，價格也在數(shù)萬至十幾萬不等，更適合大企業(yè)使用。

建議商家朋友們必須要先明確自己的功能需求以及小程序定位分析，比如一定要了解好自己的運(yùn)營模式，如何運(yùn)用小程序去創(chuàng)造更多線上線下服務(wù)場景，觸達(dá)更多用戶，是否需要直播、分銷、拼團(tuán)等更高階的營銷功能，對市場定位和用戶群體定位分析是否清楚等等，只有明確這些問題，你才知道自己需要一個什么樣的小程序，才能制作出一個貼合后期運(yùn)營的小程序并且用這些需求去衡量選擇我們的小程序開發(fā)方式和小程序服務(wù)商。

小程序開發(fā)注意事項(xiàng)

1. 開發(fā)小程序時，每個頁面一定要在app.json文件中注冊，頁面文件夾和其包含的四個文件的名字要保持一致。

2. 小程序發(fā)起的都是HTTPS網(wǎng)絡(luò)請求，在開發(fā)調(diào)試的過程中可以不校驗(yàn)協(xié)議和TLS版本，但在實(shí)際上線后必須進(jìn)行HTTPS協(xié)議通信。

3. 小程序可以進(jìn)行組件化開發(fā)以及數(shù)據(jù)綁定，所有對于DOM的操作都是基于數(shù)據(jù)驅(qū)動的，并沒有直接進(jìn)行DOM操作的做法，換言之，小程序內(nèi)沒有document對象，原生js和jQuery里的DOM操作思維要舍棄掉。

4. 小程序的網(wǎng)絡(luò)請求wx.request()是不自帶Cookies的，這和瀏覽器上的網(wǎng)絡(luò)請求不同，因此基于Cookies實(shí)現(xiàn)的會話管理不適用于小程序。

5. 小程序的腳本文件中，內(nèi)置對象是page，而非傳統(tǒng)瀏覽器里的window，因此所有基于window對象來寫的庫(例如jQuery)都不適用于小程序。

6. 小程序提供模板功能，模板擁有自己的作用域，它只能使用從data屬性傳入的數(shù)據(jù)。

7. 每一個頁面文件夾下的.json文件是用來寫配置項(xiàng)的，如果該頁面無需添加相關(guān)配置，.json文件也要寫上一對大括號（“{ }”），否則會報錯。

8. 在同一個tab里的頁面可以跳轉(zhuǎn)，并且允許攜帶參數(shù)。不同tab的頁面之間無法跳轉(zhuǎn)，使用wx.navigateTo()接口會報錯。同時，tab之間的跳轉(zhuǎn)可以用wx.switchTab()實(shí)現(xiàn)，但是路徑后不能帶參數(shù)。

9. 腳本文件里data的數(shù)據(jù)，在更新的時候要通過this.setData()方法來更新，而不能直接用“=”來做。

10. 在組件標(biāo)簽里，可以通過“data-屬性值”的方式綁定我們需要的數(shù)據(jù)，然后在事件內(nèi)置event對象里進(jìn)行獲取。

11. 小程序里也存在事件的冒泡，具體的冒泡事件可以參考官方文檔，如果希望事件向上冒泡，則使用bind來綁定事件，若希望阻止事件冒泡，就使用catch來進(jìn)行事件綁定。

12. 小程序支持文件引用，有import和include兩種方式，import有作用域，也就是引入的目標(biāo)文件里import的模板不會被引入；而include等于是將目標(biāo)文件除 以外的整個代碼進(jìn)行引入。

13. wx.login()和wx.getUserInfo()是兩個獨(dú)立的接口，前者可以實(shí)現(xiàn)用戶登錄，這個過程是悄無聲息的，不需要用戶授權(quán)，登錄后可以拿到用戶的openid和session_key；而wx.getUserInfo()可以拿到用戶的具體信息，這個過程需要獲得用戶的授權(quán)，開發(fā)時也必須考慮用戶拒絕授權(quán)的場景。

14. 目前小程序可以分享給微信好友和微信群，但小程序默認(rèn)是沒有這個功能的，只有在Page里定義了onShareAppMessage事件處理函數(shù)，點(diǎn)擊小程序右上角才可以看到分享按鈕。

開發(fā)微信小程序需要注意什么

　近幾年小程序市場發(fā)展形勢大好，很多商家在剛接觸小程序開發(fā)時有很多疑惑，小程序開發(fā)的核心到底有哪些？我們需要注意哪些問題？

　1、定位

　不同的行業(yè)的定位自然不同。如果企業(yè)在開發(fā)前沒有一個明確的定位，不僅會讓開發(fā)過程變得麻煩復(fù)雜，也不方便后期運(yùn)營。所以企業(yè)做好精準(zhǔn)定位是必不可少的，考慮好制作小程序是為了展示還是營銷、市場和用戶定位是什么等等相關(guān)問題。

　2、功能需求

　小程序所具備的功能是制作小程序的核心要點(diǎn)，這要求企業(yè)在開發(fā)前就要想好自己希望這個小程序往哪方面發(fā)展、小程序的細(xì)分功能需求是什么、小程序的頁面布局、是否需要配置各種營銷功能，想要實(shí)現(xiàn)什么樣的運(yùn)營轉(zhuǎn)化等等。不要等到后期運(yùn)營的時候，才發(fā)現(xiàn)這個功能是有所缺失的。所以，在小程序開發(fā)的之前，企業(yè)必須充分考慮好每一個所需的功能。才能讓開發(fā)效果更好，讓小程序上線后更具同行競爭力。

　3、優(yōu)化路徑

　大家都知道小程序的“輕而美”是小程序的特點(diǎn)，正是因?yàn)樾〕绦蛩哂袩o需下載安裝、不占內(nèi)存、即用即走的這些特點(diǎn)才讓裂變式分享變得簡單易實(shí)現(xiàn)，同時也讓客戶留存變得有難度，怎么樣讓用戶走了再來常來也成了很多小程序運(yùn)營者的新難題。所以建議無論是功能設(shè)計還是頁面設(shè)計一定要簡潔明了，不要企圖做得和APP一樣華麗復(fù)雜，讓用戶按照容易上手的路徑往下走，通過最少的路徑步驟去達(dá)成用戶體驗(yàn)，才能提高流量轉(zhuǎn)化和用戶留存率。

　4、使用場景

　商家要結(jié)合自身的實(shí)際情況去盡可能的增加小程序的使用場景，以此來提高用戶的使用頻率。比如餐飲行業(yè)，除了提供堂食點(diǎn)餐/外賣的核心服務(wù)外，還可以增加會員充值、積分商城、會員暗號福利，團(tuán)餐預(yù)定等多項(xiàng)服務(wù)，當(dāng)用戶第一次進(jìn)入小程序完成瀏覽時就大概記住商家能夠提供的服務(wù)內(nèi)容，在下次有需求時自然會再次了解使用，這樣就實(shí)現(xiàn)了提高復(fù)購和下單頻率。

　以上就是商城小程序開發(fā)核心的內(nèi)容分享，當(dāng)然除了這些，選擇有實(shí)力的服務(wù)商和選擇合理的預(yù)算成本也是商家需要考慮的方面，以上內(nèi)容希望對大家能夠有所幫助。

小程序開發(fā)問題的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于微信小程序開發(fā)問題、小程序開發(fā)問題的信息別忘了在本站進(jìn)行查找喔。