请教一个前端技术栈的问题,如何技术上做到网页和微信小程序能力模块复用? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
请不要在回答技术问题时复制粘贴 AI 生成的内容
itsCoderStudio

请教一个前端技术栈的问题,如何技术上做到网页和微信小程序能力模块复用?

  •  
  •   itsCoderStudio Sep 3, 2024 3322 views
    This topic created in 604 days ago, the information mentioned may be changed or developed.

    现在有一个需求,既需要网页端,也需要微信小程序端。 想做到网页端和微信小程序端做到基本上共用技术模块(页面复用),降低开发成本。 目前有两个问题:

    1. 使用什么技术方案?(希望成熟稳定、最终可以走通)
    2. 使用的技术方案比纯开发微信小程序成本会高多少(方便估价一下)?

    感谢大家回复!

    18 replies    2024-09-04 10:22:35 +08:00
    renmu
        1
    renmu  
       Sep 3, 2024 via Android
    uniapp
    webszy
        2
    webszy  
       Sep 3, 2024
    uniapp or taro ,主要成本在于兼容性以及问题排查,比如 uniapp 里调微信 api 不同,原生就好着
    itsCoderStudio
        3
    itsCoderStudio  
    OP
       Sep 3, 2024
    @renmu
    @webszy
    谢谢二位,昨天也了解到 uniapp 应该可以,taro 朋友也提到过,这两种方案哪个会更成熟稳定点?成本比纯小程序开发高 20%?
    lucasj
        4
    lucasj  
       Sep 3, 2024
    @itsCoderStudio #3
    一个 Vue.js 一个 React ,看你熟悉哪个就用哪个
    renmu
        5
    renmu  
       Sep 3, 2024 via Android
    大概比微信小程序低吧,微信小程序的开发实在是太特么难用了
    itsCoderStudio
        6
    itsCoderStudio  
    OP
       Sep 3, 2024
    @lucasj 哈哈 都不熟悉 从头上手。预计会选择 uni-app 感觉生态更繁荣一点
    itsCoderStudio
        7
    itsCoderStudio  
    OP
       Sep 3, 2024
    @renmu 哈哈哈哈~
    gotOwt
        8
    gotOwt  
       Sep 3, 2024
    我们也有这个需求, 自己开发一个小程序, 里面有模块 A ,B ,C 。
    然后里面的 A,B,C 会嵌入到别人的系统内,app , 小程序。
    所以我们用 uniapp 开发的,打包成 h5 , 小程序用 webview 嵌入,app 用 iframe ,h5 也是。
    大概是这样的流程。
    itsCoderStudio
        9
    itsCoderStudio  
    OP
       Sep 3, 2024
    @tog 好的感谢,我也准备选择 uni-app 了,毕竟我是客户端开发,没有任何 web 开发经验~
    itsCoderStudio
        10
    itsCoderStudio  
    OP
       Sep 3, 2024
    @tog 请问你觉得时间成本上,uni-app 比微信小程序会高 20% 吗?
    gotOwt
        11
    gotOwt  
       Sep 3, 2024
    @itsCoderStudio #10 不会
    ash66
        12
    ash66  
       Sep 3, 2024
    Taro ,也要熟悉一下小程序的开发文档
    uniapp 是 vue 的,都差不多吧。
    看你选 react 还是 vue
    daotiangeng
        13
    daotiangeng  
       Sep 3, 2024
    写一个跟小程序一样的前端框架
    94
        14
    94  
       Sep 3, 2024
    @itsCoderStudio #10 ,看你会不会遇到一些非常奇怪的 BUG 吧。不过一般都是 UI 相关的问题,如果对 UI 需求不太高的话,基本上不会遇到。
    如果遇到了一个非常特别的 BUG ,可能开发时间会直接超过你单独开发两个版本的工期。
    可能会遇到这边改了那边不行了,那边改了这边不行了,这种来来回回折腾的情况。

    生态的话,uni-app 生态会更强一些,遇到 BUG 比较容易搜。但是微信和 uni-app 的文档都比较差。很多 API 文档上是一个说法,但实际上 API 已经改掉了或者实际只实现了部分功能。
    itsCoderStudio
        15
    itsCoderStudio  
    OP
       Sep 3, 2024
    @dfkjgklfdjg 好的 太感谢了 准备选择 uni-app 了
    leehome
        16
    leehome  
       Sep 3, 2024
    vue => uniapp
    react => taro,
    aulaia
        17
    aulaia  
       Sep 3, 2024
    还是 taro-react 好一点吧,国内外生态好一些,基本有问题都能搞定,也没那么黑盒。
    lizy0329
        18
    lizy0329  
       Sep 4, 2024
    提供抽象接口,编译为不同版本,Unity UE uniapp 都是类似做法
    About     Help     Advertise     Blog     API     FAQ     Solana     2398 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 95ms UTC 01:15 PVG 09:15 LAX 18:15 JFK 21:15
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86