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

简介: 文章资源下载小程序(以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

相关实践学习
基于函数计算一键部署掌上游戏机
本场景介绍如何使用阿里云计算服务命令快速搭建一个掌上游戏机。
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
6月前
|
机器学习/深度学习 消息中间件 人工智能
漫画 | Serverless + Data,让后端告别搬砖!
漫画 | Serverless + Data,让后端告别搬砖!
|
9月前
|
机器学习/深度学习 编解码 人工智能
Serverless应用场景——机器学习( AI 推理预测)、Web 应用/移动应用后端、音视频转码
Serverless应用场景——机器学习( AI 推理预测)、Web 应用/移动应用后端、音视频转码自制脑图
430 0
Serverless应用场景——机器学习( AI 推理预测)、Web 应用/移动应用后端、音视频转码
|
10月前
|
存储 SQL 运维
serverless 学习 | QCon2022-深圳: 50W+小程序开发者背后的数据库降本增效实践
serverless 学习 | QCon2022-深圳: 50W+小程序开发者背后的数据库降本增效实践
107 0
serverless 学习 | QCon2022-深圳: 50W+小程序开发者背后的数据库降本增效实践
|
12月前
|
小程序 Serverless
《使用Serverless服务快速开发小程序》电子版地址
《使用Serverless服务快速开发小程序》PPT
40 0
《使用Serverless服务快速开发小程序》电子版地址
|
存储 运维 小程序
《小程序Serverless 云开发》电子版地址
《小程序Serverless 云开发》电子书上线,5个小程序开发核心技术+1个小程序云数据分析方法,带你7天学会支付宝小程序云上开发!
97 0
《小程序Serverless 云开发》电子版地址
|
存储 弹性计算 运维
快速上手阿里云EMAS Serverless 开发小程序
本文经过阅读《五天玩转 EMAS Serverless》和官方文档整理而成。不得不说,前者是一本优秀的技术小册子,写得通俗易懂。EMAS Serverless 也是一个十分优秀的平台,不仅好用,每月还有免费的额度,十分适合还不熟悉 serverless 的朋友们上手体验。
1423 0
|
存储 JSON 运维
EMAS Serverless搭建《私人云相册》小程序赢中秋大奖
中秋将至,EMAS Serverless帮你4步轻松搭建专属相册小程序,用不一样的方式记录家庭团圆时刻。参与活动并完成实验即可进行抽奖,罗技G512游戏机械键盘、机械鼠标等3000份好礼,100%中奖!赶快行动吧~
|
存储 JSON 弹性计算
EMAS Serverless有奖活动·4步教你快速搭建小程序
EMAS Serverless 是阿里云一站式应用研发平台 EMAS 旗下的一款子产品,是面向小程序场景提供的 Serverless 开发、运营套件,开发者无需关心服务器和底层设施运维,专注于代码逻辑和业务本身,具备极简运维、多端适配、按需使用、弹性扩容等优势,帮助开发者快速部署小程序。
554 0
EMAS Serverless有奖活动·4步教你快速搭建小程序
|
存储 人工智能 小程序
基于 Serverless 架构的头像漫画风处理小程序
是否可以基于 AI 实现制作漫画版的头像,并部署到 Serverless 架构上让更多人来尝试使用呢?
|
存储 人工智能 小程序
基于 Serverless 架构的头像漫画风处理小程序
当一个程序员想要个漫画风的头像时...
基于 Serverless 架构的头像漫画风处理小程序
热门文章
最新文章
相关产品
函数计算
推荐文章
更多