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

想把前端外包出去, 如何在老项目里引入 Vue2 这种 SPA 框架?

  •  
  •   WatcherHangzhou · 2017-12-09 13:26:03 +08:00 · 2798 次点击
    这是一个创建于 2301 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我们老项目对于手机 App 的接口完全可以用到前端 SPA 框架里, 目前想彻底前后端分离(主要是想把前端外包出去), 也就是之后写新的业务前端代码是在一个独立的 git project 里, 我想问如何引入 Vue2 这种 SPA 框架:

    • 我们原先的网页登录这类旧的页面可以保持原样不重写吗?

    • 新的独立的前端代码开发环境, 由于没有后端代码数据(当然我们会提供后端测试环境接口), 开发环境应该如何搭建?

    • 新的独立的前端代码的 URL 地址, 我们可以在 nginx 下配置一个子路径就可以部署吗?比如 www.xxx.com/spa, 这种单纯只是把 spa 指向独立的前端代码根目录.

    5 条回复    2017-12-09 18:26:15 +08:00
    zjsxwc
        1
    zjsxwc  
       2017-12-09 13:42:05 +08:00
    1. 当然可以不重写
    2. 这种开发环境搭建很简单的, 就是开发机开个 nginx 转代, 把不是 /spa 下的请求都转发到你的测试环境对应的地址下就好了, 如果是 /spa 就返回本地文件
    3. 当然可以这么部署
    askfilm
        2
    askfilm  
       2017-12-09 13:54:52 +08:00
    SPA 就一定好? 另外外包无限坑
    WatcherHangzhou
        3
    WatcherHangzhou  
    OP
       2017-12-09 15:01:13 +08:00
    @askfilm


    其实不一定会是考虑外包, 我们也会参与开发的, 也可能会被另一个现在有点闲的团队负责接手前端 :doge
    learnshare
        4
    learnshare  
       2017-12-09 15:30:50 +08:00
    引入 Vue 不影响现有代码,一个组件一个组件搞起来就好了
    WittBulter
        5
    WittBulter  
       2017-12-09 18:26:15 +08:00
    1. 可以把原来项目的模板拿来用,但需要改一点模板,要么在部分页面硬跳转用原来的服务端渲染。
    2. 前端环境一般会自己起一个 server 跑,能访问到接口就行。
    3. 是的,还可以把前端所有东西都扔在 CDN 上,把 CDN 解析个域名就行了~~

    这种老项目最好找一个能掌控全局的人负责架构,不然到了后来大家各写各的,外包自成一套很难维护了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4717 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 10:01 · PVG 18:01 · LAX 03:01 · JFK 06:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.