首页小程序开发正文

小程序开发常见问题（微信小程序常见问题）

小程序开发 2023-01-16T06:28:07 3417

本篇文章给大家谈谈小程序开发常见问题，以及微信小程序常见问题对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。本文目录一览： 1、开发微信小程序需要注意什么？

本篇文章给大家谈谈小程序开发常见问题，以及微信小程序常见问题对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、开发微信小程序需要注意什么？
2、微信小程序开发实战阅读列表不出现怎么回事
3、做小程序开发需要注意什么
4、小程序编译的时候有报错登录之后就没有了
5、微信小程序常见网络请求失败问题总结及解决方案

开发微信小程序需要注意什么？

制作小程序看似简单，但是其中需要掌握的技巧还是很多的，只不过对于很多新手来说，是一头雾水的，下面，针对这一问题，我们就来看一下在小程序开发中需要注意哪些方面。

一、了解客户群体，深挖客户需求

制作小程序，本身就是为了拓宽自己的销售渠道，增加客户群体，让用户买得方便，买得快捷。所以在制作小程序之前，一定要了解自己的客户群体，深挖客户需求，根据客户来进行店铺设计等等，如果不能让自己的客户群体满意，帮助不了客户解决问题，那么店铺也将不再具备吸引力。

二、店铺布局清晰，模块简明扼要

小程序的店铺整体布局一定要遵从一定的逻辑，布局要清晰明了。一般一个店铺中的主要部分包括，banner、商品导航栏、商品分类、优惠模块、个人主页等。

在进行模块划分时，一定要注意主次，将店铺主打放置在首页醒目的位置，轮播图片尽量选择高清大图，而且一定要美观，可以顿时吸引用户的目光，让顾客快速了解店铺。

除此之外，商家还可以在小程序中适量穿插视频模块，优惠券模块、特价专区等等，页面流畅地展现在用户眼前。

针对商品详情，商家可以在其中加入产品直拍视频、商品细节图片展示等等，让用户更加了解商品，刺激用户购买。

三、吸引人的营销文案，刺激用户浏览购买

一个吸引人的营销文案可以让小程序高效引流，实现用户转化。比如营销时推出的优惠券信息、符合商品特性的个性化介绍等等，如美妆行业：可以专门设置一个种草专区，标题写上：“时尚护肤全方位，天然魅力零距离”，让用户感受到满满的创意和诚意，与用户共情，刺激用户进店浏览并购买。

四、更快触达，减少页面跳转，提升用户满意度

用户进店购买东西，其实最烦的就是弹窗一个接一个，跳转一个接一个，才能找到自己想找的商品，这样会让用户感觉繁琐，很容易造成用户流失，用户的满意度也会大大降低。所以在制作小程序时，尽量做到更快触达，进一步提升用户的购物体验。

城类小程序是当下最常见的小程序类型，需要具备店铺管理，商品上下架，支付下单，订单处理，在线客服，快递物流，客户管理等基础功能，以及做营销所需的拼团、秒杀、砍价、优惠券、满减送、直播、会员卡等营销工具。

针对商城类的细节方面也是万万不可忽视的，如果你是新手，对于小程序还不太了解，但是又想制作小程序，可以直接通过得有店一键生成适合自己店铺经营情况的线上商城，直接一键套用行业模板，还可自由DIY设计，拖拽式组合搭建，就像搭积木一样简单。

开发小程序需要注意的方面有很多，以上只是其中的几种，希望对你有用。

微信小程序开发实战阅读列表不出现怎么回事

　小程序提供打开新页面、页面重定向、页面返回、tabBar切换四种改变视图的机制，托管了页面的生命周期，并为应用提供了相应的生命周期事件，方便应用各阶段的业务处理，但页面之间相互跳转并没有相应的事件机制，例如——

1、A页面打开二级页B，B页面做了一些操作，要通知A页面做相应的处理。

2、从B页面携带一些数据，返回到A页面

以上两种小程序场景很常见，归结为页面间如何方便的进行交互，当然我们可以通过页面跳转传参或全局数据对象来达到目的，但是使用上有些束缚(转换参数或维护全局对象)，在此elong小程序项目中采用事件机制解决这一问题。我们重写了navigateToAPI，A页面调用该接口进行页面跳转后，方法返回给A页面一个事件对象 event，该对象可以注册自定义事件，目标页面(B页面)可以按照业务需求触发事件响应，同时将相关数据作为参数传递到监听处callback。

A页面

微信小程序加载不出来

B页面

微信小程序加载不出来

API

微信小程序加载不出来

Event

微信小程序加载不出来

打开二级页面效果图——

微信小程序加载不出来

二、前后端同时开发过程中，前端如何方便的mock数据、特殊场景下前端如何方便的调整后端数据

涉及到http(s)接口请求数据，除了上述问题外，其实还有一些hook任务要做，比如统一的缺省入参、日志、行为统计、超时处理等，这就需要框架层面对小程序原生接口 wx.request做一层封装以便扩展。

每个页面所需要的后端接口配置在独立service文件中，页面中引用对应的service，统一由此调用http接口，减少页面业务逻辑的复杂度。

微信小程序加载不出来

url:后端接口url

params：接口入参，若配置了参数列表，则按参数列表自动序列化参数，若不配置，默认取调用接口时的第一个参数作为params

微信小程序加载不出来

method: 默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

noLoading: 默认false，即每个网络接口均出现loading效果

mockData：模拟后端数据，并行开发过程中必不可少

dataTransform:转换数据，满足特殊性处理

loading效果图——

微信小程序加载不出来

数据请求——

微信小程序加载不出来

三、若要所有的页面支持自定义事件、业务组件扩展等功能，又不想所有的页面中添加量大的方法，这就需要框架层提供统一的机制解决，elong小程序框架在此封装了Page、require等原生方法

1、require如果提供基准目录层次__dirname

a)require非相对目录时会自动补充相等层次

b)直接调用原生require

2、未提供基准目录层次_dirname，按当前目录寻找

微信小程序加载不出来

3、Page 构造函数用来注册一个页面。接受一个object参数，其指定页面的初始数据、生命周期函数、事件处理函数等，框架对Page做了重写，这样可以方便的使用扩展能力(页面事件、全局事件、内部组件、外部组件)，使用时仅需将原来的业务代码用包装器包装一下即可

微信小程序加载不出来

重写后的Page增加了委托生命周期函数、扩展事件机制、内置内部组件和外部组件扩展等功能(详见overwrite.js 文件)

微信小程序加载不出来微信小程序加载不出来

四、小程序中提供了模板机制

可以方便的复用一段页面(wxml)代码，但需要手动将微信小程序模板中绑定的事件、数据注册到当前页面的Page下，而且不可以出现重名属性和方法，相当于仅是一个“插入”操作，目前无法像使用原生组件一样使用一个外部的独立组件。比如，业务中有一个独立的功能日历，我们通常希望这个日历组件是独立一体的，放在一个component文件夹下，日历组件包含自己的wxml、wxss、js，其中js的事件、数据注册不受太多限制(不关心是否和使用者命名冲突等)，为此 elong 小程序框架在重写Page时提供了扩展外部组件的功能。

详细使用规范——

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

2、wxss 需要引入组件的wxss

@import "filter/index.wxss";

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

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

4、组件和页面见的事件传递需要在组件配置中声明

微信小程序在开发时遇到的问题和处理方法

这些事件函数需要注册在页面中，组件中可以通过fireEvent的形式触发到这些事件。

5、组件中不可使用Page构造方法，因为组件不是页面，不需要注入小程序页面列表中，其他的事件函数、方法、数据的定义没有任何限制，不需要担心方法和属性的同名冲突，框架层将组件的属性和方法命名空间化赋予页面对象，并且如果组件中的方法用到this，在组件的方法执行时，框架会动态改变要操作的数据对象，保证组件中词法this就是组件的。

小程序加载

*实现详见 overwrite.js extendComponents方法

做小程序开发需要注意什么

小程序开发存在一定的难题，那么小程序开发到底需要注意什么，我们可以参考一下三点：

一：人员配置：一个小程序的开发人员是需要至少一个团队协作的，其中包括项目经理、产品经理、UI设计人员、微信小程序前端开发、服务端开发、测试人员、运维人员等，但是由于公司和项目的不同，人员配置多少不等，人员配置是开发微信小程序成本多少的决定性因素。

二：开发时长：小程序的开发过程分为几部分：需求调研与梳理、产品设计与评审、UI设计与评审、分解开发任务与排期5. 开发与联调、测试、修改bug，每个环节所消耗的时间加起来就是一个微信小程序大概的开发时间。其中很大一部分时间花在与客户的沟通上，不要小看这部分时间。

三、再加上租赁服务器，注册认证等费用：由此看来微信小程序开发多少钱？微信小程序开发费用并没有一个准确的数字，不可能像市场中的商品那样明码标价，企业在定制微信小程序价格的时候，根据客户的需求功能，配置人员，开发时长等合理的给出报价。目前市场中做小程序开发的公司有很多，但是大多数都是套用模版做的，这样简单，省时，省事，但对于并不能够满足很多商家的需求，因此定制小程序是非常需求的。找专业微信小程序开发公司定制商家需求的小程序，要全面的考察公司的实力情况。

小程序开发常见问题（微信小程序常见问题）

小程序编译的时候有报错登录之后就没有了

小程序开发过程中会出现错误，本文总结了一些微信小程序开发常见的错误以及解决方法，能帮助初学者少走弯路

不管是什么样的开发语言都有一套规则，不管是开发网页，APP还是小程序，开发过程中也都会出现错误，作为开发者，出现bug是一件很打击自信同时影响心情的事，出现开发错误就意味着开发者不得不花费额外的时间去找到问题解决。本文总结了一些微信小程序开发常见的错误以及解决方法，能帮助初学者少走弯路，避免类似的错误。

1：出现“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的错误提示。

微信小程序开发常见错误解决方法

解决方法：这个错误的原因在于index.json(对应页面的json文件 )里没有加入{ }。即使json文件里没有任何内容，也需要加入一个{ }，作为默认代码。此外，json文件不允许出现注释代码，如果有注释的代码，同样会报这个错误。

2：出现“脚本错误或者未正确调用Page（）”的错误提示。

微信小程序开发常见错误解决方法

解决方法：出现这个错误的原因通常是因为index.js (即对应页面的js文件)里，没有调用Page方法。即使js文件里没有任何代码，也需要在js里添加一个空的 Page（{ }）。注意Page的P要大写。

3：出现“ 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”

解决方法：出现这种错误，通常是由于图片的路径不对而引起的。若是外网的图片，就是你外网的图片url错了（因为它没有相对和绝对的路径概念）。现在只说说本地的图片路径问题。有这么一种情况，如果图片路径被写在一个A.js文件里，而B.js文件引用了A.js，此时图片的路径必须是相对于B.js的相对路径。建议最好在公共的js文件里使用绝对路径。

4：出现警告信息“Now you can provide attr wx:keyfor a wx:for to improve performance”的问题。

微信小程序开发常见错误解决方法

解决方法：首先，这只是一个警告信息，不是错误信息，不理他不会对程序运行有任何的影响。官方文档原话：如不提供 wx:key，会报一个 warning，如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。如果你一定想去掉这个警告，可以在wx：for的组件属性里增加一个 wx:key=unique，unique请替换成数据绑定列表里的任意一个字段的字段名，比如文章列表数据中的字段“postId”，即wx:key=postId。不建议使用wx:key=*this。其实wx：key用来对列表渲染的数据指定一个主键”，以加快列表渲染的速度。

5：小程序如何快速创建页面文件？

解决方法：微信小程序官方文档并没有给出一次创建四种类型页面文件的方法。但在实际开发过程中有人发现了快速创建四个文件的方法。步骤：在app.json文件下pages数组里，添加一个页面的路径，如果这个路径指向的是一个不存在的文件，那么MINA框架会自动创建这个页面的四个文件。我们可以试一下，在app.json文件的pages数组里添加一项 “pages/demo/demo”，然后保存项目，用这种方式创建文件不仅快捷，而且页面文件会自动添加一些默认代码，防止出错。