微信小程序开发中碰到的一些坑微信小程序开发中碰到的一些坑郑州小程序开发百家号说起微信小程序，也许大家并不是太熟悉，因为它上线的时间比较短，微信小程序从日正式上线到现在，不到1年的时间，并且微信也没有怎么宣传，所以大部分人听说它还是因为听一些网络公司小程序营销课上讲的。微信小程序公开课因为我做开发已经十年了，对新奇的东西比较敏感，也喜欢研究，所以从微信小程序一上线，我就一直关注着，然后就下载一些官方的文档说明，参考着教程写一些，当然其中也跳过不少坑。下面我就以自己的经验给大家讲下：在开发微信小程序碰到的一些坑1、小程序环境配置的问题这个坑确实的个大坑，因为这个是开发微信小程序的基础，配置不好就没法使用小程序。这个问题是首先要解决的，刚开始开发微信小程序，由于设置的不校验域名，所以忽略了这一点，等上线后才发现，里面数据全是空的，因为小程序环境没配置好。小程序环境需要https支持，也就是需要安装ssl证书，然后我就买了证书安装上，参考着百度经验里面的教程，很快就安装好了，一切都设置好后，也能正式访问了。SSL证书然后打开微信小程序配置，开启校验域名，结果发现微信小程序里面还是报错，查找报错原因，是因为我配置的SSL证书是TLS1.0，而微信小程序要求是TLS必须大于等于1.2。既然找到了问题，那就去解决它，但是又发现windows2003的系统不支持TLS1.2，无奈只好把服务器系统重装，装成windows2008R2系统，装好后，重新配置环境，重新安装证书，结果装上后，TLS还是1.0。郁闷了，最后百度查找了很多资料，然后尝试着解决均告失败，正在一筹莫展的时候，突然看到了一篇英文文章，讲的大意就是如何将win2008R2系统ssl证书TLS1.0升级为1.2，赶快按照上面的方法试试，结果还是失败了。怎么回事呢？根据以往的经验感觉应该不是配置的问题，猜测是不是iis配置没生效引起的。为了保险起见，干脆直接重启服务器试试，结果奇迹出现了，升级TLS1.2成功。2、json格式转换问题微信小程序接收的数据json数据，所以需要把数据类型转化为json，这个相对比较简单一些，网上有很多转换的代码，直接加上去就可以了。php的json转化代码不多赘述了，值得一提的是asp格式转换为json的时候比较麻烦一些，走了一些弯路，最直接的方法就是拼凑法，将asp的数据拼成json格式就可以了。但是需要注意一些html标签，需要过滤掉，因为微信小程序里面不支持html标签。3、富文本的问题微信小程序无法加载html标签，同时数据渲染也无法渲染wxml标签，因为微信小程序本身是不支持富文本的，所以出来的格式很难看，并且给人很呆板生硬的感觉，想像网页一样表现的丰富一些，就需要引入第三方wxParse.js，（至于如何导入，如何使用，网上有很多资料，在此不再多说，很简单，自行百度即可）。因为我开发的用户比较多，有一部分用户已经有电脑站，手机站，微信站了，现在需要在此基础上再开发小程序，那么就需要调用原来的数据库。如果是php+mysql的还好弄点，有些站是asp的，asp在处理富文本这个问题上，比较复杂一点，我的解决方法是，先将asp获取的数据进行过滤，过滤所有不支持的html标签，只保留wxParse支持的一些html标签，然后再引入wxParse.js进行解析，这样就可以了。4、微信小程序app.json里pages数组中路径顺序问题这个坑有点深，之前没注意，后来加了底部的tabBar才发现，原来这个顺序和底部的tabBar有很大关系。配置tabBar时，list参数中的pagePath参数至少需要包含app.json里pages数组中的第一个路径，否则会导致tabBar不显示。5、微信小程序底部菜单tabBar跳转无法带参数问题开发微信小程序的都会碰到过，就是小程序底部菜单跳转的时候，是不能带参数的，这个问题也很好解决，直接把需要传递参数的页面在跳转前将数据添加到全局数据app.js里。需要接受参数的页面在onShow方法接收之前，添加到app.js的数据就可以了6、微信小程序使用POST方法请求的问题这个坑也是不小的坑，微信小程序发起wx.request()方法请求，用get方法请求都没什么问题，但是用post方法请求时，就容易出现这样或那样的问题，原因是wx.request()使用post方法请求时，还需要加上header，header[content-type]值为application/x-www-form-urlencoded，否则请求返回失败。微信小程序7、微信小程序中屏幕自适应问题在设计wxss样式的时候，尽量使用rpx单位，rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。当然微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx8、微信小程序的图片宽度和高度问题在微信小程序image图片标签中，如果在样式中只设置了图片的宽度，而没设置图片的高度，或者高度设为auto（自动）100%，都会导致图片不显示，必须指定图片的高度才能显示。不过image标签封装了mode属性，可以根据需求自行设置。当然关于微信小程序开发过程中遇到的坑还有很多，这里不一一列举了，上面这8点都是一些比较典型的常见的坑，希望对新手有些帮助，有什么问题可以互相交流沟通。另外声明一点，本文属于本人原创，如需转载请务必注明出处，否则必将追究法律责任。本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。郑州小程序开发百家号最近更新：简介:每天为您提供原创资讯作者最新文章相关文章眼眸深邃、轮廓分明、身材颀长，活生生的一幅画。
这在监狱民警看来，那么令人不可思议。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　非常给力！小程序内可直接打开网页了！
　　昨夜，微信官方昨天晚间发布消息称，为方便开发者灵活配置小程序，开放小程序内嵌网页能力。并且，小程序可关联公众号提也升至500个！
　　开发者登录小程序后台配置业务域名，即可实现小程序内嵌网页。此后，用户使用小程序时，可以从小程序直接进入到内嵌网页，同时也支持用户从内嵌网页返回小程序。使用指引如下：
　　1、开发者登录小程序后台，选择设置-开发设置-业务域名，新增配置域名模块。目前小程序内嵌网页能力暂不开放给个人类型帐号和海外类型帐号。
　　2、每次配置均需管理员扫码验证身份。
　　3、配置业务域名时需要严格按照提示要求配置。
　　同时，该功能规定每个小程序账号仅支持配置最多20个域名;每个域名仅支持绑定最多20个小程序;每个小程序一年内最多支持修改域名50次。
　　开发者一斤代码表示说：从微信小程序基础库1.6.4开始，我们就可以在小程序内放置一个&web-view&组件来链接我们的HTML页面了。在这之前，我们在小程序中没有办法整合我们已有的HTML程序（比如HTML5文章系统，商城系统等），只能使用小程序的方式重新开发一套，现在有了&web-view&就可以方便的集成这些网页系统，为我们减少了可观的工作量。
　　十倍加码！小程序可关联500个公众号！
　　现在，为丰富小程序的使用场景，方便用户使用小程序的服务，一个小程序可关联公众号数量提升至500个，增加至原先的十倍。
　　管理者可通过：公众号管理后台-小程序-小程序管理，继续添加关联小程序。
　　开发小程序内嵌网页的功能，顺应了广大开发者的要求，解决了很大一部分开发者的痛点。在混合开发方面的增强，为小程序的功能开发来提供了不少灵活性和便利性，期待微信官方能带来更棒的功能。
　　版权说明：本文部分内容来源于网络，由极乐科技(www.dreawer.com)编辑整理，转载请注明作者及出处。
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
小程序社区包含所有小程序相关的资讯、教程、DEMO和精品小...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：2添加评论分享收藏感谢收起微信小程序内嵌网页能力开放意味着什么？微信小程序内嵌网页能力开放意味着什么？砍柴网百家号关键时刻，第一时间送达！一句话总结就是，小程序的开发成本有了很大的下降。昨夜近零点时，微信很是「文章越短事儿越大」地宣布了「为便于开发者灵活配置小程序，小程序现开放内嵌网页能力」，即 组件。一时间，朋友圈里形成了一波刷屏。具体来看，开发者登陆小程序后台配置业务域名，即可实现小程序内嵌网页。此后，用户使用小程序时，可以从小程序直接进入到内嵌网页，同时也支持用户从内嵌网页返回小程序。在小程序原有组件能力下，小程序排版要做得好看，是件挺繁琐的事情，而 组件可以说是一个能够用来承载网页的容器，会自动铺满整个小程序页面。同时，还支持使用 JSSDK 1.3.0 提供的接口返回小程序页面。不过需要开发者注意的是，内嵌网页也还是需要定制，另外，个人类型与海外类型的小程序暂不支持使用。彼时，我问一位刚不久前造完小程序轮子的朋友这意味着什么？他说：「意味着好多人今晚要失眠了，小程序和线上 H5 打通了」。果然，在此能力开放后，不少团队都加班加点地捣鼓了小程序嵌入网页的实例。产品上，Web 上能做的，小程序中大部分都能做。小程序上能做的，Web 上不一定能做。营销上，Web 能用到的入口，除了朋友圈以外，小程序都可以用。小程序能用到的若干入口，Web 不能使用。关于后一点，朋友圈分享现在普遍会用海报来做，在这点上 Web 和小程序的能力其实是一样的，都是只能帮你保存图片到相册，再请用户手动发送到朋友圈。而小程序独有的发现 - 小程序、搜索框快捷方式等对用户回访特别重要的入口，Web 页面是不能使用的。那么，昨天的发布意味着什么？简单地说，小程序的开发成本有了很大的下降。我自己的第一份工作就是 Web 开发工程师，Web 开发入门确实比较容易；可是尽管小程序使用了 Web 语言，那只是语法上的一致，整个开发模式完全不同，更接近于原生 App 的开发而不是 Web。打个比方，对在看这篇文章的大多数人来说，读中文要比读英文更容易，但假如你看不懂英文版的《量子力学导论》，翻译成中文版你也不一定能看懂。开发小程序，需要有专门的、独立于 Web 团队之外的团队，按小程序的规范重新设计、重新开发，不能将已有的产品直接迁移过来。可以理解微信当初做这个决定，是希望开发者按照微信的要求，为微信的用户重新去思考、设计一套全新的用户体验，而不是将已有的 Web 页面搬进来。历史上，包括 Microsoft 的 Windows Phone 平台、Google 的 Chrome Packaged App 都冒过类似的险，而其实 Apple 也做过类似的决定 —— Steve Jobs 2010 年 4 月亲笔写过一篇文章，解释为何 iPhone 不支持 Flash (Thoughts on Flash)，其中最重要的原因是，Apple 不希望第三方开发者将已有的产品直接搬过来，而是希望开发者能直接在 iOS (当年还叫 iPhone OS) 进行开发，为 iPhone 的用户提供最好的体验。这些决定赌的是，新平台 (小程序或 iOS) 带来的商业上的好处，最终会让开发者们愿意付出这个成本。那时候的 iPhone 还很弱小，但后来的历史证明 Steve Jobs 赌对了 —— Adobe 公司今年 7 月宣布，将在 2020 年最终停止 Flash 的更新和分发。微信，则在昨天支持了开发者直接嵌入已有网页。所以，如果你已经有一个网站，可以直接在小程序中套个壳，把网站中的 Web 页面摇身一变成一个小程序。至于这和直接分发 Web 页面有什么区别 ——细心的你可能已经注意到了，上面这两条并没有任何变化……对，在小程序的用法上其实没有任何变化，只是开发成本下降了。那么，在今天之后，使用微信小程序框架开发的「原生」小程序，和嵌入已有的 Web 页面的「Web」小程序，在用户感受上会有什么区别呢？「原生」小程序，整个小程序是提前下载的，不会有 Web 页面打开时的页面加载感。我们过去的可用性研究表明，这是用户对一个界面是「Web」还是「原生」的最主要判断标准。对于偏工具型的小程序，「原生」的感受应该会更好。「原生」小程序对体验的控制更完整，自己要做的事情也更多。例如 Web 页面中用户可以选择页面上的文字复制，而在「原生」小程序界面中，这是需要单独添加的功能。「原生」小程序提供了一些专属的控件和 APIs（接口），如展示群信息、发送推送等，这些只有使用小程序框架开发才能使用。所以，如果需要和微信生态整合得更紧密，可以使用「原生」方式开发；如果追求快速迁移已有 Web 产品，嵌入 Web 页面更快。【来源：CSDN】本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。砍柴网百家号最近更新：简介:国内知名新锐科技媒体作者最新文章相关文章38475 条评论分享收藏感谢收起赞同 11518 条评论分享收藏感谢收起