文章资源下载小程序(以Serverless WordPress为后端)的基础配置

本文涉及的产品
函数计算FC,每月15万CU 3个月
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
简介: 文章资源下载小程序(以Serverless WordPress为后端)的基础配置

引言

《iOS逆向》小程序的基础配置:文章的特色图片(缩略图/封面)模糊的解决方案:https://kunnan.blog.csdn.net/article/details/121471510

本文侧重于WordPress的配置。

I WordPress的基础配置

涉及的相关插件:

  1. Pods是一个用于创建,管理和部署自定义内容类型和字段的框架。
  2. 自定义插件:为REST API 接口新增返回字段,为iOS逆向小程序提供简化操作。

image.png

1.1 为REST API 接口新增返回字段

WordPress插件:给REST API新增文章特色图片(缩略图)字段

demo插件下载地址:https://download.csdn.net/download/u011018979/21981126

image.png

├── -dstrict.php 首页模块(精选栏目) ├── -friend.php 配置友情 ├── -watch.php 配置文件首页焦点 └── -xs.php 配置文章封面图片(文章特色图片)


文章的特色图片(缩略图/封面)模糊的解决方案:在wp后台的设置-媒体设置-缩略图大小 ,裁剪一个原始比例。当然你也可以设置0,表示不裁剪。

公众号头图尺寸比例是2.35:1,大概是900x383。

image.png

设置WordPress REST API : /components/api.js

export const Getfriend = API + '/wp-content/plugins/iosre-friend.php';
export const Getwatch = API + '/wp-content/plugins/iosre-watch.php';
export const Getdstrict = API + '/wp-content/plugins/iosre-dstrict.php';

插件例子:-dstrict.php

<?php
header('content-type:application/json');
$arr = array (
  // 首页金刚区域 ,其中类型type分为以下情况
        // 1.xs_default默认值跳二级
        // 2.xs_tab跳转底部导航
        // 3.xs_program跳转小程序
        // 4.xs_business跳转业务域名请在route填写网站地址
        // 5.xs_wxvideo_activity 打开视频号视频
        // 6.xs_wxvideo_reserve_live 打开预约视频号直播
        // 7.xs_wxvideo_live 打开视频号直播
  [
      array(
       'title'=>'搜索',
       'type'=>'xs_tap',
       'appid'=>'',
       'route'=>'/pages/search/search',
       'himg'=>'../../static/index/1.png'
      ),
      array(
    'title'=>'友情',
    'type'=>'xs_default',
    'appid'=>'',
    'route'=>'../friend/friend',
    'himg'=>'../../static/index/dstrict-1.svg'
   ),
   array(
    'title'=>'视频号',
    'type'=>'xs_wxvideo_activity',
    'appid'=>'sphZH1M',//视频号 id,以“sph”开头的id,可在视频号助手获取
    'route'=>'export/-4__wseALFi',//视频 feedId 就是视频链接
    'himg'=>'../../static/data/ad_video.svg'
   ),
   array(
    'title'=>'商店',
    'type'=>'xs_program',
    'appid'=>'',
    'route'=>'pages/index/index',
    'himg'=>'../../static/data/renking-8.svg'
   )
  ],
);
echo json_encode($arr);
?>

视频号助手:https://channels.weixin.qq.com/index

image.png

1.2 更新pods字段

升级pods插件:请注意备份数据,2.7.x升级2.8.x。

!(https://ucc.alicdn.com/images/user-upload-01/798c97ec0ff64e888a6e48ce079bfbe7.png)

在升级pods 2.8.8,在pods插件—-高级—-清除和重置中清理数据

image.png

开启Migrate: Packages 插件并重新导入pods字段:pods.html(或pods.json)

Import/Export your Pods, Fields, and other settings from any Pods site; Includes an API to Import/Export Packages via PHP

![]](https://ucc.alicdn.com/images/user-upload-01/44ea7eed5a64403c8cf9f54e886e4f61.png)

image.png

1.3 排序分类的顺序

直接在wordpress后台搜索Simple Custom Post Order插件

插件地址:https://wordpress.org/plugins/simple-custom-post-order

see also

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
5月前
|
JSON 小程序 数据格式
微信小程序的tabbar怎么配置
微信小程序的tabbar怎么配置
445 2
|
2月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
1月前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
40 1
|
28天前
|
存储 数据管理 API
零代码能力:轻松搞定表单和API接口,少写80%后端代码,内含资源
小白接口(果创云 YesApi.cn)是一个零代码和低代码开发平台,提供一站式后端云服务,帮助开发者、学生、业余爱好者、工作室、中小企业及无IT技术人员的传统企业快速搭建应用、接口、服务和网站。平台提供500+免费API接口,支持在线API开发、在线表单、数据库管理、图片文件存储、会员管理等功能,无需后端开发经验,轻松实现数据处理和应用开发。
|
1月前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架,它允许开发者使用 Vue.js 来构建应用程序,并能够同时发布到多个平台,如微信小程序、支付宝小程序、H5、App(通过DCloud的打包服务)等。uni-app 的目标是通过统一的代码库,简化多平台开发过程,提高开发效率。 在这一部分中,我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序,以及实现数据缓存的基本方法。
|
3月前
|
小程序 Serverless 开发工具
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
|
3月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
4月前
|
小程序 前端开发
【非常全】微信小程序下载图片到相册,微信小程序自动获取分享图片到相册
【非常全】微信小程序下载图片到相册,微信小程序自动获取分享图片到相册
246 3
|
4月前
|
存储 安全 Java
Java面试题:假设你正在开发一个Java后端服务,该服务需要处理高并发的用户请求,并且对内存使用效率有严格的要求,在多线程环境下,如何确保共享资源的线程安全?
Java面试题:假设你正在开发一个Java后端服务,该服务需要处理高并发的用户请求,并且对内存使用效率有严格的要求,在多线程环境下,如何确保共享资源的线程安全?
69 0
|
4月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
145 0

热门文章

最新文章

相关产品

  • 函数计算