php - 关于构建大型SPA的疑问
大家讲道理
大家讲道理 2017-04-11 09:02:48
[PHP讨论组]

有没有全站都使用Angular.js或者Vue.js或者是React.js的?想利用SPA和后端PHP来完成项目,不知道可行性如何?如果采用SPA,怎样处理一些数据交互的,是用ajax还是通过调用无状态的api来交互数据,怎样处理cookies和session的问题。

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(14)
阿神

试着说说我的想法:

  • 无状态的 API 是指不验证用户身份吗?如果是这样理解的话,不敏感的信息(比如相对固定的大型关联下拉列表)可以用无状态的 API。

  • SPA 前端应该是不需要直接使用 cookie 的(参考下一条),session 让后端的 PHP 去处理,包含必要信息的 cookie 在每个 xhr 请求都会提交给后端。

  • PHP 端和传统开发没太大区别,应该说更简单了,不再需要考虑渲染的问题,基本上每个请求都是以输出一个 JSON 来结束的。

  • 前端如果需要保存一些信息供下次打开页面使用,可以使用 localStorage。

  • 对于大型 SPA 前端的 router 应该算是挺重要,需要认真谨慎对待的一个环节吧。因为用户可能收藏一个不是初始的 URL 下次直接进入。

  • 如果需要兼顾低配的设备(如小内存的安卓手机或 10 年前的仍在且仅能勉强运行 XP 的 PC),可能不是太合适。但是 SPA 应用常常面向的用户整体较为前卫一些,或许不会面临这种问题。

大家讲道理

angularjs做开发单页面应用完全没问题,我们公司使用的是angularjs+java。java只提供数据(json)接口(restful)。angular.js的$resource服务等装了ajax,利用延迟对象解决回调等问题。angula.js应用要注意分层,就是类似于后台的mvc,各个层功能明确,这样才不会使整个项目混乱。可以去找一个模板程序看看,根据模板改成自己项目,在npm里搜generator-开头的项目。

PHP中文网

如果全都使用angular,全程ajax,那seo的问题就无法避免。如果是cookie你可以在官网api上面看到如何存储ngCookie

天蓬老师

登录返回一个token
然后需要用户身份的操作,传token
这样就不需要cookie和session了

PHP中文网

如果站点在移动站,完全可以考虑SPA

大家讲道理

稀土掘金好像就是全站都是Vue开发的 你可以看看看

伊谢尔伦

worktile就是SPA,可以看看团队协作工具Worktile技术架构揭秘

另外补充一下,越是大一点的SPA项目,前期一定要有良好的文件组织结构,以及自动化配置。这里不得不提一下F.I.S的angular项目种子,很不错 ,值得去看看一下

巴扎黑

全站SPA自己写小项目的时候做过, 使用的是reactjs, 和后台交互采用superagent, 其实也就是ajax, 身份验证当时查了很多资料, 最后是在登陆后在后台保存一个身份, 返回token, 并本地保存, 以后每次请求带上token并验证, 然后返回新的token, 这样做其实是有很大的问题, 但是其他的方式多多少少也有问题, 不过既然打算上restful的话, 个人认为直接上HTTPS是最方便的。

顺便贴一个关于restful下身份验证的讨论, 可以参考一下
http://stackoverflow.com/ques...

话说个人觉得SPA并不意味着要完完全全的实现无状态..(我好像跑题了)

ringa_lee

认证?和平常一样用 session 就好了。ajax 也是带着 cookies 的

PHP中文网

移动端有很多的spa了,另外seo的问题 可以靠框架结合服务端渲染解决,

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号