飞桨模型部署至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代码的三种方法