飞桨模型部署至docker并使用FastAPI调用(四)-PHP短代码于WordPress

飞桨模型部署至docker并使用FastAPI调用

前言

  • 因为我想部署到我的博客里面,所以是在 WordPress 里面通过 PHP 调用 API,所以会涉及到一些 WordPress 的内容。
  • 不过因为是作为短代码插入 WordPress,所以实际上还是 PHP。

环境配置

PHP 安装

  • 下载 PHP 7.4.30,并解压,将解压路径添加至环境变量。
    • 不过有集成包,比如XAMPP,更方便点。
  • vscode 打开任意 php 文件,将 php.exe 所在路径添加至弹窗提示错误的 json 中。
  • 注:
    • 这里比较简单,因为懂得都懂,不懂就百度。
    • 而且这里可有可无,只是为了让 VSCode 不要弹窗吵我。

VSCode PHP 插件

  • 安装插件 PHP Debug, PHP intelephense, PHP Extension Pack。
  • 不安也行,我是想用全局修改变量名的,但是上面三个好像都没这功能。

VSCode 连接服务器

  • 安装插件 sftp。

    • 我用的是 liximomo 发布的,虽然 4 星,但是由 Natizyskunk 发布的 5 星 sftp 实际上是 fork from liximomo 。
    • 而且 liximomo 的 wiki 更全点,见 GitHub,config 说明见此 wiki
  • ctrl + shift + p 并输入 >sftp: config,以配置连接信息,配置如下:

    {
      "name": "mwhls",
      "host": "mwhls.top",
      "protocol": "ftp",
      "port": 21,
      "username": "mwhls",
      "password": "mwhls",
      "remotePath": "/",
      "uploadOnSave": true,
      "ignore":[
          ".vscode",
          ".git",
          ".DS_Store",
          "wp-content/cache"
      ]
    }
    
  • 配置好后,在左侧活动栏中找到 SFTP,以启动 FTP 连接。

FTP 文件同步至本地

  • 在资源管理器右键,选择 Sync Remote -> Local,等待漫长下载。

  • 或是在其同步完文件夹后,对单个文件夹点击 Sync Remote -> Local

  • 使用上面的配置,且将文件同步至本地后,可以实现以下功能:

    1. 修改文件后自动同步至服务器。
    2. 不再对服务器中 /wp-content/cache 文件夹,以及本地 .vscode 文件夹进行同步。
    • 但新增wen'j

SFTP 日志输出

  • 启动后,在下方状态栏的左边可以看到 SFTP,点击后可跳到 SFTP 的日志输出

WordPress 插件

Insert PHP Code Snippet

★ Convert PHP snippets to shortcodes        # PHP 代码段转换为短代码
★ Insert PHP code easily using shortcode    # 将 PHP 以短代码形式插入
★ Support for PHP snippet shortcodes in widgets     # 小工具支持短代码
★ Dropdown menu in TinyMCE editor to pick snippet shortcodes easily     # 可在 TinyMCE 编辑器的下拉菜单中插入短代码
  • 启用插件后,左侧菜单栏新增了 XYZ PHP Code
  • 调用 API 并展示结果需要以下功能:
    1. 图片上传下载及自动删除过期图片。
    2. 图片展示框及描述框。

测试 - Hello world

  • 首先搜一下 PHP 教程,回忆一下没学过的 PHP。
    • 第一个就是菜鸟教程,我想起来好像哪个教程网站是一个人写的,真是厉害啊。
  • 在 XYZ PHP Code - PHPCode Snippets 中,选择 Add New PHP Code Snippet 以创建短代码。
    • 名称:Hello-world
    • 测试代码:<?php echo "Hello World!"; ?>
    • 供插入的短代码:[xyz-ips snippet="Hello-world"]
  • 新建一个页面以测试
    • 添加 小工具 - 简码,内容为:[xyz-ips snippet="Hello-world"],发表,页面见此:PHP 短代码测试
    • 很朴实无华的显示了 Hello World!

附录

参考文献

  1. vscode 远程同步插件SFTP使用
  2. PHP 菜鸟教程
  3. php嵌入html代码的三种方法

版权声明:
作者:MWHLS
链接:https://mwhls.top/4087.html
来源:无镣之涯
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>