微信小程序webview 脚手架使用详解

原文：

自然之奇妙：遇见未知的世界

每一次踏入自然的怀抱，都是一次对未知世界的。在广袤的大地上，我们总能发现令人惊叹的奇迹。无论是山川湖海，还是森林草原，每一处自然景色都充满了神秘和魅力。

当我们走进深山老林，耳边响起的是鸟儿的歌声和溪流的潺潺声。阳光透过树叶的缝隙洒在地上，形成一片片斑驳的光影。这样的景象让人心旷神怡，仿佛置身于一个神秘的仙境。在这里，我们可以感受到大自然的呼吸，体验到生命的蓬勃与活力。

海洋更是自然界的宝藏。潜入海底，我们能看见五彩斑斓的珊瑚、形态各异的海洋生物，还有那些令人叹为观止的海底地貌。这些景象让人惊叹不已，仿佛告诉我们：这个世界上还有太多未知等待我们去、去发现。

自然界的奇迹无处不在。在草原上，我们可以感受到风的呼啸和草原的辽阔。那一望无际的草原，那一群群奔跑的野生动物，都让我们感受到生命的顽强与力量。在这里，我们可以与大自然亲密接触，体验生命的原始与纯真。

每一次自然，都是一次心灵的洗礼。我们在自然中感受到了生命的价值，也明白了人类与自然是息息相关的。我们应该珍惜自然、保护自然，让这个世界永远充满生机与活力。

自然的奥秘：揭开未知世界的神秘面纱

每一次融入自然的怀抱，都是一场别开生面的未知之旅。在这广袤的大地上，总有意想不到的奇迹等着我们去发现。从壮丽的山川到浩渺的湖海，再到郁郁葱葱的森林和广袤的草原，每一处自然景色都隐藏着神秘的力量和魅力。

踏入茂密的森林，我们被鸟儿的欢快歌声和溪流的潺潺声包围。阳光透过繁密的树叶，洒下斑驳的光影，让人仿佛置身于梦幻的仙境。在这里，我们可以感受到大自然的呼吸，体验生命的蓬勃活力和无尽的生机。

海洋是自然的瑰宝箱。潜入海底，五彩斑斓的珊瑚、奇特的海洋生物和壮观的海底地貌都在眼前展现。这些美景令人叹为观止，仿佛在诉说着世界上还有无数未知等待我们去揭开面纱。

草原是自然的另一幅画卷。在风的呼啸声中，我们感受到草原的辽阔和无边。奔腾的野生动物群和广袤的草原让我们领略生命的顽强和力量。在这里，我们可以与大自然亲密接触，体验生命的原始和纯真之美。

项目概览

本文旨在详解微信小程序webview脚手架的应用，涉及使用taro创建的初始化项目以及使用nextjs创建的项目，已做好完整的兼容处理，使用vw vh为单位。

webview与小程序通信的限制

小程序对于webview通信有一定的限制。从webview发起的postMessage并不会实时地被小程序端接受。在分享、登录、支付、视频上传等功能上，无法使用webview来实现，必须用小程序原生来写。

webview跳转小程序

通过webview的jumpRouter，可以跳转到小程序的other页面。这种方式会在小程序原生router中push一个路由，从而达到跟小程序打开原生页面一致的效果。在webview中发起的任何postMessage也都会在这个otherView中进行统一的处理。

提醒事项

项目中使用的apitool都是对应项目里面的，而不是共用一个。使用wechat api时，要注意其使用方式和注意事项。

react-ssr-h5 api详解

获取小程序分享以后的路径、获取路由参数、获取转换以后的尺寸、获取当前运行环境、将路由参数转换成string、跳转小程序原生页面、跳转原生登录页面、从webview发起请求到小程序、返回页面、跳转tab、创建临时缓存区、动态更新webview标题等api的使用方式和注意事项。

缓存区说明

因小程序对于webview的限制，当需要从支付中跳转到地址选择或者优惠券选择等webview选择页面时，因两者无法直接通信，所以需要通过创建一个缓存区来获取数据。

登录问题详解

登录时使用了webview配合jssdk的授权方式，这种方式存在一些问题。如必须使用80端口、体验不好、后台必须为此写一个接口来生成对应的签名等。建议使用小程序原生的登录方式。

其他功能说明

如webview页面刷新、页面分享、nodeServer文件的使用、postcss.config说明、服务端渲染建议、海报图的生成等。其中，服务端渲染建议部分提到了使用cdn引入库、使用webp图片格式等优化体积的方式。

结语

Cambrian，犹如一位才华横溢的艺术家，以其独特的笔触，绘制出一幅幅令人陶醉的画面。在这里，你可以看到生命的奇迹，感受到大自然的鬼斧神工。那些千姿百态的生物，仿佛在诉说着古老的传说，引领我们隐藏在时光深处的秘密。

想象一下，在这片神秘的领域里，生命从无到有，从简单到复杂，经历着一次次的蜕变。每一次的进化，都是一次崭新的飞跃，都是对生命真谛的深刻诠释。Cambrian，正是这些生命故事的见证者，它以独特的视角，将这一切呈现给我们。

在这里，你可以感受到大自然的呼吸，聆听到生命的脉动。那些奇妙的生物，犹如天地间的小精灵，为我们带来无尽的惊喜。它们的每一个动作，都是那么的优雅、自然，仿佛在诉说着生命的韵律。

Cambrian，不仅仅是一个展示生命奇迹的地方，更是一个激发我们欲望的殿堂。在这里，我们可以感受到生命的无限可能，可以感受到大自然的神奇力量。它让我们明白，生命是一种奇迹，是一种永恒的追求。

当我们置身于Cambrian的世界时，仿佛时间在这一刻凝固，我们被这片神秘而美丽的领域所吸引，被这里的一切所震撼。这里，是我们的梦想之地，是我们的之旅。让我们一起走进Cambrian的世界，感受生命的奇迹，大自然的奥秘。

让我们共同领略Cambrian的独特魅力，沉浸在这片神秘而美丽的领域中。在这里，我们可以感受到生命的脉搏，可以领略到大自然的鬼斧神工。让我们一起踏上这段奇妙的之旅，感受Cambrian带给我们的视觉盛宴吧！