首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

实战使用Axure设计App,使用WebStorm开发(6) – 迈向后端

App服务端 咱们选择了Express作为App的服务端技术,Express需要先安装NodeJS之前的Ionic安装部分,已经安装好了NodeJS。...所有的Server端RESTful API已经写好了,主要是把原来前端的MockDB,搬移到了后端,然后配置了URL路由信息,基本没有改动,已经放在了本文最后的下载链接里了,你可以直接下载,使用 node...但是为了浏览器里进行调试,所以需要暂时添加这个Http Header设置,Chrome 的插件可以解决这个问题: ? 安装好以后,浏览器上会出现图标,打开此功能。 ?...这样数据就可以请求后端了。其它html的代码和controller的代码基本不用变化,主要是吧 services.js 里的代码修改一下,直接使用$http去取得数据。...event.preventDefault(); $state.go("login"); } }); 这样当用户没有登录的时候,是不能访问其它页面的,会被重定向

2.5K80

你必须知道的session与cookie

Session本质 提到Session我们能联想到的就是用户登录功能,而本身我们使用Session的基础是通过url进行访问的,也就是使用http协议进行访问的,而http协议本身是无状态的,那么问题来了服务器端是怎么验证客户端身份的...服务器端的sessionid一般是存储在内存中的,通过某种算法加密存储服务器,客户端就存储cookie里面,当页面关闭的时候客户端的sessionid就会消失,而服务器端的session不会因为客户端的消失而关闭...那么问题来了,如果客户端的sessionid被读取到,就可以伪装身份,对系统进行破坏了,这就是存储型XSS了,那怎么来处理怎么问题呢?这就是接下来要说的Cookie了。...); 然而,设置HttpOnly只能一定程度的阻止XSS,如果http传输过程中被劫持了,该怎样处理这个问题呢?...Cookie属性Secure 定义:当Secure属性设置为true时,cookie只有https协议下才能上传到服务器,而在http协议下是没法上传的,所以也不会被窃听。

71330
您找到你想要的搜索结果了吗?
是的
没有找到

你必须知道的session与cookie

Session本质 提到Session我们能联想到的就是用户登录功能,而本身我们使用Session的基础是通过url进行访问的,也就是使用http协议进行访问的,而http协议本身是无状态的,那么问题来了服务器端是怎么验证客户端身份的...服务器端的sessionid一般是存储在内存中的,通过某种算法加密存储服务器,客户端就存储cookie里面,当页面关闭的时候客户端的sessionid就会消失,而服务器端的session不会因为客户端的消失而关闭...那么问题来了,如果客户端的sessionid被读取到,就可以伪装身份,对系统进行破坏了,这就是存储型XSS了,那怎么来处理怎么问题呢?这就是接下来要说的Cookie了。...); 然而,设置HttpOnly只能一定程度的阻止XSS,如果http传输过程中被劫持了,该怎样处理这个问题呢?...Cookie属性Secure 定义:当Secure属性设置为true时,cookie只有https协议下才能上传到服务器,而在http协议下是没法上传的,所以也不会被窃听。

95790

Nodejs学习笔记(六)--- Node.js + Express 构建网站预备知识

:http://localhost:8000/subform,输入表单项并提交,可以发现url发生了变化 image.png   可以发现url中出现了表单中输入并要提交的值!   ...:http://localhost:8000/subform,输入表单项并提交,可以发现url不会发生变化 image.png   改为post方式后,会发现不会跟get方式提交一样url中出现了表单中输入并要提交的值...session存在于服务器端,需要cookies的协助才能完成;服务器端和客户端通过session id来建立联系(具体session和cookies怎么协作的,可以自已去补充点相关知识,这里简单提一下...也同样可以用中间件来使用:https://github.com/expressjs/cookie-parser       老套路,通过一个示例了解一下 示例设计思路:在上面session示例的基础...;   要想弄清楚原理或者更多的相关知识,自已可以花点时间去了解,或者找点资料去丰富一下,当然也可以留言,觉得没乱说的情况下我会尽量解答^_^!

2.7K70

前端老牌框架衰退,IMVC(同构 MVC)成未来趋势?

另外就是框架层同构,框架基本包含了需要的所有的层次,而框架层的同构就是实现平衡,判断某个部分是否需要同构,并将同构与非同构部分融洽结合起来。 同构的价值 首先是SEO-friendly 的实现。...让NodeJS去接管渲染层,后端部分向后再退一层,负责数据持久化以及提供Restful API。...重定向最少有三种以上的实现方式: 改变前端location 位置 前端使用pushState 方法,改变路径并触发函数 ,但是不进行页面渲染 服务端采用302 重定向,通过封装函数判断环境以及重定向方法...node.js 运行时,npm 包管理 expressjs 服务端框架 babel 编译ES2015+ 代码 ES5 webpack 打包和压缩源码 standard.js 检查代码规范 prettier.js...如何处理 css 按需加载 问题根源:浏览器 dom-ready 之前会等待 css 资源加载后再渲染页面 问题描述:当单页跳转到另一个 url,css 资源还没加载完,页面显示成混乱布局 处理办法

1.3K20

IIS进行URL重写——实现https重定向,文件类型隐藏访问重写,nodejs等服务重写等等

1、先来讲一讲为什么我们要使用url重写这个东西 2、因为学习的后端是nodejs,然后发现nodejs一个非常让人难受的事,就是它监听端口不是80和443时,你访问网页需要输入端口,这样很不友好,...3、中间区域,选择勾选Enable proxy,不用修改内容,当然也可以根据需求自己修改 ? 4、点击应用即可,完成请求路由的设置 ?...9、服务器变量可以不写,操作类型可以因情况而定,http站点转向https时一般使用重定向,其余一般为重定向 重写URL:比如博客是nodejs搭建的服务,并且监听本地3001端口时,填写http:...10、点击右侧栏应用即可,当应用显示灰色时,证明有必填项没有填写,所以无法应用,这里也就重写完毕,下面是例子 五、例子 1、http重定向至https 填写内容 -> 名称:随意 模式:(.*) ;代表全部...六、尾记 1、本文记录目的只是为了防止遗忘 2、当然url重写不可能这么简单的使用,只是需求多少,研究多少,这里只是基本使用,想要更复杂的,则自己可以去官方文档查看,研究 3、本博客可以随意转载,但是请在博文顶部写上来源

11.1K31

IMVC(同构 MVC)的前端实践

比如 React,它的 140+kb 的体积,是把服务端运行的代码也包含了进去。...Cookies 的主要用途发生在 ajax 请求的时候,浏览器端 ajax 请求可以设置为自动带上 Cookies,所以只需要在服务端默默地每个 ajax 请求头里补上 Cookies 即可。...这些代价所带来的显著好处,要在 app 复杂一定程度时,才能真正体会。其它模式里,app 复杂一定程度后,就难以维护了;而 Redux 的可维护性还依然坚挺,这就是其价值所在。...我们采用了: node.js 运行时,npm 包管理 expressjs 服务端框架 babel 编译 ES2015+ 代码 ES5 webpack 打包和压缩源码 standard.js 检查代码规范...问题根源:浏览器 dom-ready 之前会等待 css 资源加载后再渲染页面 问题描述:当单页跳转到另一个 url,css 资源还没加载完,页面显示成混乱布局 处理办法:将 css 视为预加载的

1.2K60

文字识别接入常见问题

一、接入常见问题 1.现在还没有开通文字识别服务,但是想先体验一下文字服务的效果,怎么做?...,也能看懂API的接口调用说明,但是不懂代码,怎样才能对API的功能及各项参数进行测试呢?...API网关参考文档:https://cloud.tencent.com/document/product/628/41654 7.怎么配置才能使得某个子账号具备调用文字识别下某一个API的权限?...的HTTPS协议仅支持标准的443端口,则图片是无法正常下载的,请修改为标准的443端口即可 请检查Url是否配置了重定向重定向后的Url无法正常访问 请检查Url对应的图片下载耗时是否较长,如果超过...,但是我们引入的官方Nodejs 3.0中仅支持配置签名算法为HmacSHA256,请问此问题应该怎么解决?

2.6K50

干货 | IMVC(同构 MVC)的前端实践

本文来自古映杰“携程技术沙龙——新一代前端技术实践”的分享。...比如 React,它的 140+kb 的体积,是把服务端运行的代码也包含了进去。...Cookies的主要用途发生在ajax 请求的时候,浏览器端 ajax 请求可以设置为自动带上 Cookies,所以只需要在服务端默默地每个 ajax 请求头里补上 Cookies 即可。...这些代价所带来的显著好处,要在 app 复杂一定程度时,才能真正体会。其它模式里,app 复杂一定程度后,就难以维护了;而 Redux 的可维护性还依然坚挺,这就是其价值所在。...问题根源:浏览器 dom-ready 之前会等待 css 资源加载后再渲染页面 问题描述:当单页跳转到另一个 url,css 资源还没加载完,页面显示成混乱布局 处理办法:将 css 视为预加载的

1.6K50

nodeJS操纵数据库

node.exe 2、终端输入 node即可 node.exe 退出我们的node.exe 1、终端中输入.exit 2、连续按住两次 CTRL + C 怎么去执行js代码 1、直接在我们启动的node.exe...,首先你的终端的目录得切换到你要 执行的文件的目录下面去,然后使用node 文件名称执行即可 我们nodejs的代码是一个叫做REPL环境中,执行的 REPL JS的执行 执行js浏览器端,是是要依靠浏览器...上面五大核心模块加上其它一些第三方的模块,就可以完成基本的数据库操作了 nodeJS核心模块及其操作 http 使用http模块开启web服务 步骤: //1、导入我们需要的核心模块(NodeJS...读取服务器硬盘上面的某一个文件(操作文件) fs.readFile : 异步读取服务器硬盘上面的某一个文件 fs:node去读取服务器硬盘中的文件(操作文件) path:获取文件的路径 上面两个基本配合起来用...导出的东西 Express 框架 基本概念 它是对HTTP封装,用来简化我们网络功能那一块 官网:http://www.expressjs.com.cn/ 官方解释: 基于 Node.js 平台,快速

2.4K41

文章翻译:Node.js和Redis入门-安装与命令

的学习代码:https://github.com/klren0312/node_redis_study Redis是一个高性能的内存数据库,用作数据结构存储。...安装Redis MAC和Linux安装Redis,你可以手动安装,像这里介绍的一样,或者你可以很懒像我一样,试用这些命令来安装它 Ubuntu sudo apt-get install redis-server...Redis使用下面的语法来验证身份: redisClient.auth('password', function(err,reply){ console.log(reply); }); 保存键值对数据Redis...操作键值对 存储了键值后,Redis还允许你处理它们,比如删除键,查询是否存在以及设置失效时间。 查看键是否存在 你可以使用exist()函数来检测键是否存在。...你也可以设置键的失效时间。

1.1K20

Spring Boot2 系列教程(三十八)Spring Security 非法请求直接返回 JSON

Spring Security 结合 OAuth2 不过,今天要和小伙伴们聊一聊 Spring Security 中的另外一个问题,那就是 Spring Security 中未获认证的请求默认会重定向登录页...前置知识 这里关于 Spring Security 的基本用法就不再赘述了,如果小伙伴们不了解,可以参考上面的 6 篇文章。...举个简单的例子,例如我想访问 /hello 接口,但是这个接口需要登录之后才能访问,现在没有登录就直接去访问这个接口了,那么系统会给我返回 302,让去登录页面,在前后端分离中,的后端一般是没有登录页面的...因为前后端分离开发中,前端我们一般 NodeJS 启动,然后前端的所有请求通过 NodeJS 做请求转发,现在服务端直接把请求地址告诉浏览器了,浏览器就会直接去访问 http://localhost...如果我们的 Spring Security 在用户未获认证的时候去请求一个需要认证后才能请求的数据,此时不给用户重定向,而是直接就返回一个 JSON,告诉用户这个请求需要认证之后才能发起,就不会有上面的事情了

1.3K40

人脸识别接入常见问题汇总

一、接入常见问题 1.现在还没有开通人脸识别服务,但是想先体验一下人脸识别服务的效果,怎么做?...image.png image.png image.png 3.已开通人脸识别服务,也能看懂API的接口调用说明,但是不懂代码,怎样才能对API的功能及各项参数进行测试呢?...API网关参考文档:https://cloud.tencent.com/document/product/628/41654 8.怎么配置才能使得某个子账号具备调用人脸识别下某一个API的权限?...的HTTPS协议仅支持标准的443端口,则图片是无法正常下载的,请修改为标准的443端口即可 请检查Url是否配置了重定向重定向后的Url无法正常访问 请检查Url对应的图片下载耗时是否较长,如果超过...首先,为您分析需求的实现逻辑: 您可以将Nodejs3.0(tencentcloud-sdk-nodejs)部署微信小程序云开发环境中,然后通过小程序调用相机组件在线拍摄人脸照片并将人脸照片传入云开发服务端

4.6K62

hydra-microservice 中文手册(中篇)

如果您正在使用 ExpressJS 构建您的服务, 您应该检查看 Hydra-Express package 包, 它是专门为利用 ExpressJS 的底层功能而设计的。...因此,Hydra 构建分布式应用程序时可帮助解决各种问题。 虽然 Hydra 是为 NodeJS 实现的,但它支持的功能也可以在其他平台上实现。...需要微服务使用特定端口地址的情况下设置 servicePort。 hydra.serviceDNS 条目允许您指定服务 DNS 而不是 IP 地址。... Hydra 中未对 redis 数据库值进行硬编码的原因是, 不能保证 Redis 实例存在的数据库数量提供商之间是相同的。因此,最终服务实现者(您?)需要设置此值的灵活性,从而承担责任。...一个实际的生产系统中 Hydra JSON 可能被嵌入一个更大的配置文件中,比如 properties.js 文件: exports.value = { appServiceName: 'hydramcp

1.7K30

如何在CentOS 7使用MEAN.JS安装MEAN堆栈

使用MongoDB,我们可以将文档存储为类似JSON的格式,基于ExpressJSNodeJS的服务器编写JSON查询,并将JSON文档无缝传递AngularJS前端。...当存储在数据库中的对象与客户端Javascript看到的对象基本相同时,调试和数据库管理变得更加容易。...本指南中,我们将使用MEAN.JSCentOS 7服务器安装MEAN堆栈。使用此方法包括首先安装MongoDB,然后安装NodeJS,然后从GitHub克隆MEAN.JS文件。...没有服务器的同学可以在这里购买,不过个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。...您可以通过访问浏览器中的URL,使用以下命令执行脚本之前读取脚本的内容。

1.1K00

【拓展】745- Windows Server 升级 HTTPS 实战

Nginx 配置 nodejs 服务的端口转发 windows 服务器安装 Nginx,下载地址: http://nginx.org/en/download.html ?...这里基本已经实现: 前提:本地运行 8100 端口的项目,域名 http://www.pingan8787.com 解析服务器 80 端口。...开启“HTTP 重定向”,然后下一步: ? 点击“安装”: ? 安装成功后,可以仪表板看到“IIS”: ? 2. 拷贝安全证书 将前面下载好的证书解压出来: ? 拷贝服务器根目录: ? 3.... “添加网站绑定” 的窗口中,将网站类型设置为 https,端口设置为443,主机名请填写之前申请证书的域名,并指定对应的 SSL 证书: ?...操作类型:选择重定向重定向 URL:https://{HTTP_HOST}/{R:1}。 重定向类型:选择参阅其他(303)。 单击 "操作" 栏的【应用】保存。

1.5K31
领券