首頁小程序開發(fā) 正文

小程序開發(fā)常見問題（微信小程序常見問題）

小程序開發(fā) 2023-01-16T06:28:07 3543

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

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

本文目錄一覽：

1、開發(fā)微信小程序需要注意什么？
2、微信小程序開發(fā)實(shí)戰(zhàn)閱讀列表不出現(xiàn)怎么回事
3、做小程序開發(fā)需要注意什么
4、小程序編譯的時候有報錯登錄之后就沒有了
5、微信小程序常見網(wǎng)絡(luò)請求失敗問題總結(jié)及解決方案

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

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

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

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

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

小程序的店鋪整體布局一定要遵從一定的邏輯，布局要清晰明了。一般一個店鋪中的主要部分包括，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è)計(jì)，拖拽式組合搭建，就像搭積木一樣簡單。

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

微信小程序開發(fā)實(shí)戰(zhàn)閱讀列表不出現(xiàn)怎么回事

　小程序提供打開新頁面、頁面重定向、頁面返回、tabBar切換四種改變視圖的機(jī)制，托管了頁面的生命周期，并為應(yīng)用提供了相應(yīng)的生命周期事件，方便應(yīng)用各階段的業(yè)務(wù)處理，但頁面之間相互跳轉(zhuǎn)并沒有相應(yīng)的事件機(jī)制，例如——

1、A頁面打開二級頁B，B頁面做了一些操作，要通知A頁面做相應(yīng)的處理。

2、從B頁面攜帶一些數(shù)據(jù)，返回到A頁面

以上兩種小程序場景很常見，歸結(jié)為頁面間如何方便的進(jìn)行交互，當(dāng)然我們可以通過頁面跳轉(zhuǎn)傳參或全局?jǐn)?shù)據(jù)對象來達(dá)到目的，但是使用上有些束縛(轉(zhuǎn)換參數(shù)或維護(hù)全局對象)，在此elong小程序項(xiàng)目中采用事件機(jī)制解決這一問題。我們重寫了navigateToAPI，A頁面調(diào)用該接口進(jìn)行頁面跳轉(zhuǎn)后，方法返回給A頁面一個事件對象 event，該對象可以注冊自定義事件，目標(biāo)頁面(B頁面)可以按照業(yè)務(wù)需求觸發(fā)事件響應(yīng)，同時將相關(guān)數(shù)據(jù)作為參數(shù)傳遞到監(jiān)聽處callback。

A頁面

微信小程序加載不出來

B頁面

微信小程序加載不出來

API

微信小程序加載不出來

Event

微信小程序加載不出來

打開二級頁面效果圖——

微信小程序加載不出來

二、前后端同時開發(fā)過程中，前端如何方便的mock數(shù)據(jù)、特殊場景下前端如何方便的調(diào)整后端數(shù)據(jù)

涉及到http(s)接口請求數(shù)據(jù)，除了上述問題外，其實(shí)還有一些hook任務(wù)要做，比如統(tǒng)一的缺省入?yún)ⅰ⑷罩?、行為統(tǒng)計(jì)、超時處理等，這就需要框架層面對小程序原生接口 wx.request做一層封裝以便擴(kuò)展。

每個頁面所需要的后端接口配置在獨(dú)立service文件中，頁面中引用對應(yīng)的service，統(tǒng)一由此調(diào)用http接口，減少頁面業(yè)務(wù)邏輯的復(fù)雜度。

微信小程序加載不出來

url:后端接口url

params：接口入?yún)?，若配置了參?shù)列表，則按參數(shù)列表自動序列化參數(shù)，若不配置，默認(rèn)取調(diào)用接口時的第一個參數(shù)作為params

微信小程序加載不出來

method: 默認(rèn)為 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

noLoading: 默認(rèn)false，即每個網(wǎng)絡(luò)接口均出現(xiàn)loading效果

mockData：模擬后端數(shù)據(jù)，并行開發(fā)過程中必不可少

dataTransform:轉(zhuǎn)換數(shù)據(jù)，滿足特殊性處理

loading效果圖——

微信小程序加載不出來

數(shù)據(jù)請求——

微信小程序加載不出來

三、若要所有的頁面支持自定義事件、業(yè)務(wù)組件擴(kuò)展等功能，又不想所有的頁面中添加量大的方法，這就需要框架層提供統(tǒng)一的機(jī)制解決，elong小程序框架在此封裝了Page、require等原生方法

1、require如果提供基準(zhǔn)目錄層次__dirname

a)require非相對目錄時會自動補(bǔ)充相等層次

b)直接調(diào)用原生require

2、未提供基準(zhǔn)目錄層次_dirname，按當(dāng)前目錄尋找

微信小程序加載不出來

3、Page 構(gòu)造函數(shù)用來注冊一個頁面。接受一個object參數(shù)，其指定頁面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等，框架對Page做了重寫，這樣可以方便的使用擴(kuò)展能力(頁面事件、全局事件、內(nèi)部組件、外部組件)，使用時僅需將原來的業(yè)務(wù)代碼用包裝器包裝一下即可

微信小程序加載不出來

重寫后的Page增加了委托生命周期函數(shù)、擴(kuò)展事件機(jī)制、內(nèi)置內(nèi)部組件和外部組件擴(kuò)展等功能(詳見overwrite.js 文件)

微信小程序加載不出來微信小程序加載不出來

四、小程序中提供了模板機(jī)制

可以方便的復(fù)用一段頁面(wxml)代碼，但需要手動將微信小程序模板中綁定的事件、數(shù)據(jù)注冊到當(dāng)前頁面的Page下，而且不可以出現(xiàn)重名屬性和方法，相當(dāng)于僅是一個“插入”操作，目前無法像使用原生組件一樣使用一個外部的獨(dú)立組件。比如，業(yè)務(wù)中有一個獨(dú)立的功能日歷，我們通常希望這個日歷組件是獨(dú)立一體的，放在一個component文件夾下，日歷組件包含自己的wxml、wxss、js，其中js的事件、數(shù)據(jù)注冊不受太多限制(不關(guān)心是否和使用者命名沖突等)，為此 elong 小程序框架在重寫Page時提供了擴(kuò)展外部組件的功能。

詳細(xì)使用規(guī)范——

1、wxml需要以模板的形式引入組件的wxml

2、wxss 需要引入組件的wxss

@import "filter/index.wxss";

3、js需要引入組件的js文件

var filter = require('./filter/index');

4、組件和頁面見的事件傳遞需要在組件配置中聲明

微信小程序在開發(fā)時遇到的問題和處理方法

這些事件函數(shù)需要注冊在頁面中，組件中可以通過fireEvent的形式觸發(fā)到這些事件。

5、組件中不可使用Page構(gòu)造方法，因?yàn)榻M件不是頁面，不需要注入小程序頁面列表中，其他的事件函數(shù)、方法、數(shù)據(jù)的定義沒有任何限制，不需要擔(dān)心方法和屬性的同名沖突，框架層將組件的屬性和方法命名空間化賦予頁面對象，并且如果組件中的方法用到this，在組件的方法執(zhí)行時，框架會動態(tài)改變要操作的數(shù)據(jù)對象，保證組件中詞法this就是組件的。

小程序加載

*實(shí)現(xiàn)詳見 overwrite.js extendComponents方法

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

小程序開發(fā)存在一定的難題，那么小程序開發(fā)到底需要注意什么，我們可以參考一下三點(diǎn)：

一：人員配置：一個小程序的開發(fā)人員是需要至少一個團(tuán)隊(duì)協(xié)作的，其中包括項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、UI設(shè)計(jì)人員、微信小程序前端開發(fā)、服務(wù)端開發(fā)、測試人員、運(yùn)維人員等，但是由于公司和項(xiàng)目的不同，人員配置多少不等，人員配置是開發(fā)微信小程序成本多少的決定性因素。

二：開發(fā)時長：小程序的開發(fā)過程分為幾部分：需求調(diào)研與梳理、產(chǎn)品設(shè)計(jì)與評審、UI設(shè)計(jì)與評審、分解開發(fā)任務(wù)與排期5. 開發(fā)與聯(lián)調(diào)、測試、修改bug，每個環(huán)節(jié)所消耗的時間加起來就是一個微信小程序大概的開發(fā)時間。其中很大一部分時間花在與客戶的溝通上，不要小看這部分時間。

三、再加上租賃服務(wù)器，注冊認(rèn)證等費(fèi)用：由此看來微信小程序開發(fā)多少錢？微信小程序開發(fā)費(fèi)用并沒有一個準(zhǔn)確的數(shù)字，不可能像市場中的商品那樣明碼標(biāo)價，企業(yè)在定制微信小程序價格的時候，根據(jù)客戶的需求功能，配置人員，開發(fā)時長等合理的給出報價。目前市場中做小程序開發(fā)的公司有很多，但是大多數(shù)都是套用模版做的，這樣簡單，省時，省事，但對于并不能夠滿足很多商家的需求，因此定制小程序是非常需求的。找專業(yè)微信小程序開發(fā)公司定制商家需求的小程序，要全面的考察公司的實(shí)力情況。

小程序開發(fā)常見問題（微信小程序常見問題）

小程序編譯的時候有報錯登錄之后就沒有了

小程序開發(fā)過程中會出現(xiàn)錯誤，本文總結(jié)了一些微信小程序開發(fā)常見的錯誤以及解決方法，能幫助初學(xué)者少走彎路

不管是什么樣的開發(fā)語言都有一套規(guī)則，不管是開發(fā)網(wǎng)頁，APP還是小程序，開發(fā)過程中也都會出現(xiàn)錯誤，作為開發(fā)者，出現(xiàn)bug是一件很打擊自信同時影響心情的事，出現(xiàn)開發(fā)錯誤就意味著開發(fā)者不得不花費(fèi)額外的時間去找到問題解決。本文總結(jié)了一些微信小程序開發(fā)常見的錯誤以及解決方法，能幫助初學(xué)者少走彎路，避免類似的錯誤。

1：出現(xiàn)“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的錯誤提示。

微信小程序開發(fā)常見錯誤解決方法

解決方法：這個錯誤的原因在于index.json(對應(yīng)頁面的json文件 )里沒有加入{ }。即使json文件里沒有任何內(nèi)容，也需要加入一個{ }，作為默認(rèn)代碼。此外，json文件不允許出現(xiàn)注釋代碼，如果有注釋的代碼，同樣會報這個錯誤。

2：出現(xiàn)“腳本錯誤或者未正確調(diào)用Page（）”的錯誤提示。

微信小程序開發(fā)常見錯誤解決方法

解決方法：出現(xiàn)這個錯誤的原因通常是因?yàn)閕ndex.js (即對應(yīng)頁面的js文件)里，沒有調(diào)用Page方法。即使js文件里沒有任何代碼，也需要在js里添加一個空的 Page（{ }）。注意Page的P要大寫。

3：出現(xiàn)“ Failed to load image xxxxx:the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1”

解決方法：出現(xiàn)這種錯誤，通常是由于圖片的路徑不對而引起的。若是外網(wǎng)的圖片，就是你外網(wǎng)的圖片url錯了（因?yàn)樗鼪]有相對和絕對的路徑概念）?，F(xiàn)在只說說本地的圖片路徑問題。有這么一種情況，如果圖片路徑被寫在一個A.js文件里，而B.js文件引用了A.js，此時圖片的路徑必須是相對于B.js的相對路徑。建議最好在公共的js文件里使用絕對路徑。

4：出現(xiàn)警告信息“Now you can provide attr wx:keyfor a wx:for to improve performance”的問題。

微信小程序開發(fā)常見錯誤解決方法

解決方法：首先，這只是一個警告信息，不是錯誤信息，不理他不會對程序運(yùn)行有任何的影響。官方文檔原話：如不提供 wx:key，會報一個 warning，如果明確知道該列表是靜態(tài)，或者不必關(guān)注其順序，可以選擇忽略。如果你一定想去掉這個警告，可以在wx：for的組件屬性里增加一個 wx:key=unique，unique請?zhí)鎿Q成數(shù)據(jù)綁定列表里的任意一個字段的字段名，比如文章列表數(shù)據(jù)中的字段“postId”，即wx:key=postId。不建議使用wx:key=*this。其實(shí)wx：key用來對列表渲染的數(shù)據(jù)指定一個主鍵”，以加快列表渲染的速度。

5：小程序如何快速創(chuàng)建頁面文件？

解決方法：微信小程序官方文檔并沒有給出一次創(chuàng)建四種類型頁面文件的方法。但在實(shí)際開發(fā)過程中有人發(fā)現(xiàn)了快速創(chuàng)建四個文件的方法。步驟：在app.json文件下pages數(shù)組里，添加一個頁面的路徑，如果這個路徑指向的是一個不存在的文件，那么MINA框架會自動創(chuàng)建這個頁面的四個文件。我們可以試一下，在app.json文件的pages數(shù)組里添加一項(xiàng) “pages/demo/demo”，然后保存項(xiàng)目，用這種方式創(chuàng)建文件不僅快捷，而且頁面文件會自動添加一些默認(rèn)代碼，防止出錯。