首页 > 关于构建大型SPA的疑问

关于构建大型SPA的疑问

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


试着说说我的想法:


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


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


全站SPA自己写小项目的时候做过, 使用的是reactjs, 和后台交互采用superagent, 其实也就是ajax, 身份验证当时查了很多资料, 最后是在登陆后在后台保存一个身份, 返回token, 并本地保存, 以后每次请求带上token并验证, 然后返回新的token, 这样做其实是有很大的问题, 但是其他的方式多多少少也有问题, 不过既然打算上restful的话, 个人认为直接上HTTPS是最方便的。
关于前后端分离可以看看我这个(不过后台是java..):http://git.oschina.net/oneayst/springmvc-shiro-react-redux-restful-example/tree/master

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

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


Angular.js是为spa而生的框架,就是seo有些小问题,不过可以通过其他手段解决。
Vue.js还是不错额,做spa还可以额,我看uc很多应用都用这个做底层框架,移动端还是不错的


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


http://rentever.com
用我开源的基于knockout的spa小框架做的单页应用,性能和体验自认为不错。前后端完全分离,后端用SailsJS做的RESTful API和WebSocket。

小框架(带中文说明)
https://github.com/onlyurei/k...


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


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

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


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


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


我最近使用riotjs做了一个spa的电商项目,PHP写rest服务,rest服务提供给前端页面和Android客户端调用。
使用riotjs构建整个项目,包括首页,列表,详情,购物车,订单,以及登录等页面。


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

【热门文章】
【热门文章】