V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tosmq009
V2EX  ›  微信

微信小程序预览,怎么实现的?

  •  
  •   tosmq009 · 2018-02-07 18:10:40 +08:00 · 4456 次点击
    这是一个创建于 2241 天前的主题,其中的信息可能已经有所发展或是发生改变。

    话说,网页上小程序预览怎么做的 很多提供开发小程序的产品,都可以在线预览呢 他们是怎么实现的呀

    我大概猜一下,是通过一些网页模板引擎来进行渲染的

    那是不是先要把 组件的信息存起来,然后展示 html 的时候,就用引擎转换一下

    求解求解~~ 谢谢大家

    5 条回复    2018-02-08 16:56:58 +08:00
    POPOEVER
        1
    POPOEVER  
       2018-02-07 18:16:03 +08:00
    调 API 服务器端渲染后返回网页啊
    nciyuan
        2
    nciyuan  
       2018-02-07 22:03:03 +08:00 via Android
    一个小程序最大才 2MB,直接给浏览器也没有压力啊
    tosmq009
        3
    tosmq009  
    OP
       2018-02-08 11:08:28 +08:00
    @POPOEVER @nciyuan 不是说在微信客户端展示,而是说在 PC 的展示,很多小程序开发网站,都提供在 PC 预览小程序效果的 H5 渲染,而这个 H5 渲染,是怎么做到的?如果要同步到微信小程序,是不是需要一个转编译的过程呢?
    POPOEVER
        4
    POPOEVER  
       2018-02-08 11:43:19 +08:00
    @tosmq009 H5 渲染是什么意思?不是说了么,服务器端渲染成网页直接返回,都直接渲染成网页了还管他在那里显示,React 不就是一样的道理么
    nciyuan
        5
    nciyuan  
       2018-02-08 16:56:58 +08:00 via Android
    @tosmq009 1.請問,給 Chrome 一个总共才 2M 的网站,一定是很 OK 的,一般 PC 完全可以承受 2M 的网页
    2.请学习一下 iframe 这个 HTML 标签相关的知识
    3.请你参考 Chrome DevTools 如何仿真自动设备
    还有呢,小程序的框架和 API 的功能代码用 html 也可以实现啊
    基本上就两种情况,把 WXML 相关的内容用 html 替代重做一遍,然后交给浏览器渲染,或者服务器端直接渲染好,然后返回直接加载
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1137 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:34 · PVG 02:34 · LAX 11:34 · JFK 14:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.