微信小程序开发的坑（微信小程序开发的坑有哪些）

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

本文目录一览：

• 1、微信小程序/微信公众号中文乱码的坑
• 2、微信小程序开发中遇到的坑及解决办法
• 3、小程序有哪些缺点或弊端？
• 4、微信小程序开发-服务端session值取不到；小程序res.header['Set-Cookie']隐藏的坑
• 5、总结微信小程序中遇到的一些坑
• 6、微信小程序不要随便点开

微信小程序/微信公众号中文乱码的坑

微信小程序可以通过webview嵌入H5页面可以说是给开发者很大的福音，手头的项目中有几个页面是使用H5开发的嵌入到了webview中，在小程序开发者工具的模拟器中测试完全没问题，放到Android真机上测也没问题，但是在iOS上打开后中文显示全部乱码，无论是在小程序还是直接通过微信点开链接都是乱码。但是奇怪的是在iOS的Safari浏览器中却是正常。

经过再三确定过文件编码就是UTF8没错。而且在html的head中也加入了 meta charset="utf-8" 。最后无奈一点一点对比之前的项目的区别，发现之前的项目中的meta是通过http-equiv设置的浏览器编码。

设置后发现显示正常，看来微信-iOS版本中的浏览器内核不是最新的，存在兼容问题，遇到坑的朋友们要注意了。

微信小程序开发中遇到的坑及解决办法

taro单独为某个项目切换taro版本环境

单独为某一个项目升级#这样做的好处是全局的 Taro 版本还是 1.x 的，多个项目间的依赖不冲突，其余项目依然可以用旧版本开发。 如果你的项目里没有安装 Taro CLI，你需要先装一个：

# 如果你使用 NPM

$ npm install --save-dev @tarojs/cli@2.x

# 如果你使用 Yarn

$ yarn add -D @tarojs/cli@2.x

echarts在小程序中滑动卡顿

由于微信小程序中，echarts的层级最高，无论设置多大层级也无法遮住echarts。而且小程序中好像只能用echarts吧。所以为了解决这个bug，我只能委屈求全了。打开ec-canvas.wxml文件，将touchStart、touchMove和touchEnd去掉了，直接删除就好啦。这三个事件应该是做缩放的吧，我们也没有这个缩放的需求。所以就去掉了。虽然暂时满足的需求，还是没有真正的解决问题。

原：

bindinit="init"

bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"

bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"

bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"

现：

bindinit="init"

echarts在小程序中无法跟随页面滑动

在卡顿问题中能与echarts交互少的，可以直接使用图片代替cannvas，即在echarts渲染完毕后将它替换为一张图片。

如果我更新了数据，那么就重新放出echarts，等它渲染完毕后，再次替换为一张图片。

chart.on('finished', () = {

getCurrentInstance().page.selectComponent(id).canvasToTempFilePath({

success: res = {

console.log('res.tempFilePath====',res.tempFilePath)

this.setState({

echartImgSrc: res.tempFilePath

      })

},

    fail: res =console.log('转换图片失败', res)

});

})

render:

this.state.echartImgSrc =='' ?

  ref={this.refChart}

id={this.state.id}

canvas-id="mychart-area"

  force-use-old-canvas="true"

  ec={this.state.ec}

/

:

CoverImage src={this.state.echartImgSrc}/CoverImage

小程序有哪些缺点或弊端？

小程序有哪些缺点或弊端？

相信大家对于小程序都并不陌生吧，它不仅使用方便，而且无需下载，只需上滑微信即可轻松使用，深受用户的喜爱!企业商家们也正是看中了这一点，都开始了小程序商城的搭建：

小程序商城可以说是目前一个十分有效的营销手段了，但它并不是百利的，它同样也有着一些缺点弊端，那么小程序商城缺点弊端都有哪些呢?下面小编就来为大家列举一二：

1、小程序不支持收藏。如果是安卓用户，可以添加到手机桌面。当然也可以将小程序表问星标，这样小程序就能出现在列表顶部。

2、小程序所占的空间非常小但是同样的，小程序它的体积只有 2 MB(相当于一张照片的大小)，弊端：不能开发过于复杂的系统。首次打开会消耗一定的流量，打开需要时间。缓存后再次打开速度快，节省流量。

3、有的小程序为和APP一样很多小程序是需要用户授权才能提供完整的服务。小程序里提取到的用户信息也仅限于头像、昵称、openID，其他资料需要用户主动填写。

4、不能跳转外链网址，限制了小程序的开放性。

5、小程序不能直接分享到朋友圈，可通过二维码分享朋友圈。

6、小程序需要微信审核上架，微信对于小程序的内容、上线、审核、发布规则拥有解释权，因相关规则的更改，小程序内容、功能需要逐步修改。

7、小程序商城仅允许微信商户收款，收取一定的手续费，如果你借用平台收取费用，那么手续费也是一笔不菲的支出。

8、小程序的技术层面弱于APP或者HTML5，未能取代其位置。

当然，小程序的缺点弊端是有很多，但我们依然无法否认其强大的变现转化能力，所以说目前搭建一个小程序商城依然是拓展线上营销渠道的有利方式之一!

微信小程序开发-服务端session值取不到；小程序res.header['Set-Cookie']隐藏的坑

问题：本地服务器存取session没有问题。通过小程序，比如发验证码，服务器端将验证码存为session。校验验证码的时候重新取session,提示session值不存在。

根源：微信小程序不能保存Cookie，导致每次wx.request到服务端都会创建一个新的会话，从而当前会话不再是之前存验证码的那个会话，自然也就取不到session值了。

解决方法：（由于本人很懒，直接参考、引用大神的文章，文末有原文链接，原文板块比较好看一点。我这里重点在于记录微信小程序的另一个坑。）

普通的Web开发，都是把sessionid保存在cookie中传递的。

不管是java还是php，服务端的会在response的header中加上Set-Cookie

例如：

浏览器的请求也会在header中加上

例如：

通过这个sessionid就能使浏览器端和服务端保持会话，使浏览器端保持登录状态。但是，微信小程序不能保存Cookie，导致每次wx.request到服务端都会创建一个新的会话，小程序端就不能保持登录状态了。

一个比较简单的办法就是在小程序端把cookie保存到storage里，后续请求的时候再读storage，把cookie添加到请求头里，这样做的好处就是，服务端不用做任何改动

具体操作如下：

1.把服务端response的Set-Cookie中的值保存到Storage中

2.wx.request再从Storage中取出Cookie,封装到header中

我在这里还遇到了另外一个问题，当服务器响应多个Set-Cookie时，小程序通过wx.request 回调取res.header['Set-Cookie']所取到的Set-Cookie值是把它们用逗号拼接在一起，从而产生的错误的Cookie，这样请求后台的时候还是取不到相应的session。而真正需要的是用分号拼接多个Set-Cookie值。例如：

服务器响应：

小程序通过res.header['Set-Cookie']取到的Set-Cookie值却是：

而真正正确的值应该是smallapp与session_name之间用分号隔开而不是逗号：

但坑终究是坑，寄人篱下，有坑也只得我们自己填。

填坑方法：在步骤2中的if判断中，自己重新拆分Storage中取出的Cookie，整理成后端需要的规范的cookie。再赋值给header.Cookie。

这个问题暂时没找到其他解决方案，也请知道的朋友指点一下。

原文引用： 微信小程序开发-保存服务端sessionid的方法

链接：【点击了解更多加盟项目】

总结微信小程序中遇到的一些坑

然后再index页面的onload中判断显示哪个tab

wepy文档

1，Q: 怎么在page组件和 component 组件中回去到 getApp() ,就是app里面定义的函数,通过 this.$parent 只能拿到数据，拿不到方法?

A:可以在 this.$parent 的 _proto 上拿到方法,即 this.$parent.onLogin

2, Q:怎么实现按需加载

A:在 compoent 组件中自定义生命周期函数,并手动触发

微信小程序不要随便点开

关闭用户授权就可以。

使用微信小程序的时候，第一次会申请使用用户授权，关闭用户授权操作如下、打开小程序列表中，找到要取消授权的小程序。在小程序主页里，点击右上交设置图标。然后弹出小程序菜单，点击菜单关闭小程序。在打开小程序详情页中，再点击右上角设置按钮。弹出小程序设置菜单，点击菜单中设置项。再打开小程序设置页面中，我们把使用我的地理位置与使用我的用户信息，两个设置项的开关关闭即可。这样就关闭小程序用户授权了。

微信小程序开发需要注意的坑：小程序名称可以由中文、数字、英文。长度在3-20个字符之间，一个中文字等于2个字符。小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名，请更换名称进行设置。小程序名称在帐号信息设置时完成，请谨慎设置，一旦设置暂不支持修改。更换名称进行设置。如果企业商标，组织名称等名称被侵权，可通过公众平台侵权投诉流程发起投诉，取回名称使用权。

关于微信小程序开发的坑和微信小程序开发的坑有哪些的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。