图:开放 QQ 邮箱的 SMTP 功能
整个网站框架的底层其实就是:前端页面 + 后端支持。前端页面由 HTML/JavaScript/CSS 等技术实现。后端支持由 API 实现,并与数据库、文件系统等实现交互。因此,API 与 JavaScript 的交互,成为将前后端衔接起来的桥梁。
如果通过 fetch() 请求 API 数据,我们可以对 fetch() 进行封装,从而方便后续的调用操作。比如这样进行封装:
1 | function myfetch(url, options = {}) { |
图:对 fetch() 进行封装
通过 HTTP 向 API 发送需要认证通过的请求时,需要将 token 信息包含到 URL 中,或者设置 Authorization 授权头:
1 | Authorization: Bearer+空格+token |
JavaScript 读取前端 Laravel 设置的 Cookie 始终为空?因为安全的原因考虑,Laravel 框架默认会对 Cookie 进行加密存储。如果想要 Laravel 跟 JavaScript 实现 Cookie 的交互,也就是让 JavaScript 直接读取到明文,那么需要做如下配置:
1 | 将 Cookie 名添加到 App\Http\Middleware\EncryptCookies 的排除名单中: |
使用 Laravel Mix 编译资源,对 CSS 和 JavaScript 实现 Webpack 压缩打包。在运行 Laravel Mix 之前,需要具备 Node.js 和 NPM 运行环境。例如执行命令npm run prod
,对 app.js 和 app.scss 文件进行编译:
1 | mix.js('resources/assets/js/app.js', 'public/js') |
Laravel :优雅的 PHP Web 开发框架,具有高效、简洁、富于表达力等优点。采用 MVC 设计,是崇尚开发效率的全栈框架。是最受关注的 PHP 框架。网址:https://laravel.com。
Dingo API :一个支持 Laravel 和 Lumen 框架的 RESTful API 开发包。https://github.com/dingo/api。
Packagist :主要的 Composer 仓库,集合了与 Composer 一起安装的公开 PHP 软件包。https://packagist.org/。
④ 使用 Fetch - Web API 接口参考 | MDN
本文作者:于立。欢迎关注本站公众号:「于立为文」。
本文链接:https://www.yulisay.com/d/cdmqv.html
版权声明:本网站所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 国际协议,转载或引用请署名作者并注明出处。