Lazy loaded image
技术分享
AI编程之strapi小程序开发
Words 2583Read Time≈ 7 min
2025-8-29
2025-8-29
网址
Caption
type
date
slug
summary
tags
category
icon
password
Post URL
Platforms
Notionsocial
Time
Likes
First Comment
Media
Views
Comments
Status
status

一、资源类小程序介绍

资源类小程序是微信小程序的一种类型，主要用于提供各种资源的获取、分享和管理功能。

一）资源类小程序特点

这类小程序通常具有以下特点：
  1. 提供资源下载、浏览或分享功能
  1. 可能包含电子书、视频、音频、文档等多种媒体资源
  1. 一般有资源分类、搜索、收藏等基本功能
  1. 有些资源类小程序可能需要用户注册或付费才能获取完整资源

二）资源类小程序架构

资源类小程序的架构通常采用前后端分离的模式，前端负责用户界面和交互，后端处理业务逻辑和数据存储。在个人开发者的实践中，选择合适的CMS框架对于提高开发效率非常重要。
图片 (1317x983)
图片 (1317x983)
对于内容管理系统的选择，Strapi是一个不错的选择，它是开源免费的Headless CMS，自动生成API接口，让你可以专注于内容模型的定义而不必过多关注后端逻辑开发。它基于Node.js构建，上手相对容易，并且支持多种数据库选项。
官方文档 https://docs.strapi.io/cms/
在Strapi中创建这些数据模型非常直观，主要通过内容类型构建器完成，无需写代码。
首先进入Strapi管理面板，点击"内容类型构建器"，创建各个集合类型：
图片 (2879x1599)
图片 (2879x1599)
Category分类模型需要包含:
图片 (2879x1243)
图片 (2879x1243)
  • name字段(短文本)
  • desc字段(长文本)
  • icon字段(媒体或URL)
  • type字段(枚举类型，选项包括Post、Doc、Image、Topic)
关联关系方面，Category与其他内容类型的关系应设为一对多，在Strapi中通过关系字段实现，这样一个分类可以关联多个资源项。
 
Doc文档模型包含:
图片 (2879x1369)
图片 (2879x1369)
  • title字段(短文本)
  • desc字段(长文本)
  • cover字段(媒体或URL)
  • adRead字段(布尔值)
  • notice字段(长文本)
  • list字段(组件或JSON)
对于文档节点列表，最好创建一个可重用组件，包含标题、内容和层级等字段，并允许嵌套结构。文档与分类的关系设置为多对一，表示一个文档属于某个分类。
 
Post资源模型更加复杂:
图片 (2869x1579)
图片 (2869x1579)
  • title字段(短文本)
  • desc字段(长文本)
  • ver字段(短文本)
  • cover字段(媒体或URL)
  • status字段(布尔或枚举)
  • adRead字段(布尔值)
  • notice字段(长文本)
  • images字段(多媒体或长文本存URL)
对于资源下载地址，创建一个"版本"组件，包含ver和content字段，然后在Post中使用可重复组件。正文内容支持添加链接，可以使用Strapi的富文本编辑器实现。
 
Wall壁纸模型包含:
图片 (2879x1299)
图片 (2879x1299)
  • title字段(短文本)
  • desc字段(长文本)
  • cover字段(媒体或URL)
  • image字段(多媒体或长文本)
  • type字段(枚举)
  • adRead字段(布尔值)
  • url字段(短文本)
 
Subject题库模型需要创建几个嵌套组件:
图片 (2867x1355)
图片 (2867x1355)
  1. 材料组件(包含title和content字段)
  1. 题目组件(包含title、content字段)
  1. 答案组件(包含title、content字段)
在Subject模型中使用这些组件，并设置为可重复组件，允许添加多个材料和题目。
 
Red-envelope红包封面模型包含:
图片 (2879x1393)
图片 (2879x1393)
  • title字段(短文本)
  • desc字段(长文本)
  • cover字段(媒体或URL)
  • url字段(短文本)
  • adRead字段(布尔值)
对于平台配置如wxSet和dySet，使用Strapi的单例类型(Single Type)而非集合类型，因为这些是全局配置，只需要一条记录。
一旦创建好这些模型，Strapi会自动生成REST API端点，微信小程序可以直接调用这些接口。Strapi的权限系统可以控制哪些角色能访问特定内容，增强安全性。
对于需要富文本编辑的字段，如资源描述或文档内容，使用Strapi的富文本编辑器即可支持格式化、插入图片和链接等功能。
图片 (1301x981)
图片 (1301x981)
WordPress配合REST API也是个人开发者的常用选择，它拥有成熟的生态系统和丰富的插件资源，你可以找到许多现成的资源管理和付费会员插件来快速实现功能。虽然它不是为小程序专门设计的，但其API接口可以很好地支持小程序前端的数据需求。
Ghost架构专注于内容发布和会员订阅功能，它内置了会员和付费订阅系统，特别适合做付费内容的资源类小程序。Ghost的API设计也很友好，前端开发体验良好，底层数据库支持SQLite或MySQL，整体比WordPress更轻量。
如果你熟悉Python技术栈，Wagtail值得考虑，它基于Django框架，提供了强大的内容管理能力和灵活的资源组织方式，安全性也较高，适合需要复杂自定义逻辑的项目。
5、DoraCMS
国产的DoraCMS也是专为内容资源站点设计的选择，它基于Node.js和MongoDB，内置多种内容模型和用户支付系统，对中文环境的支持也更好。
Cloud Base架构代表了云服务模式，它是一站式的后端云服务，包含了云函数、云数据库和云存储等组件。微信小程序可以直接调用这些云服务，无需自建服务器和维护基础设施。这种架构对个人开发者非常友好，降低了技术门槛和运维成本。
图片 (1303x1013)
图片 (1303x1013)
对于个人开发者来说，Strapi和Cloud Base可能是入门门槛最低的选择，前者偏向自定义能力，后者侧重快速上线。WordPress有成熟的生态但配置略复杂，Ghost则在内容付费模式上有特殊优势。可以根据自己的技术背景和项目需求选择最合适的架构模式。
 

三）资源类小程序变现方式

资源类小程序有多种变现方式，以下是几种主要的商业模式：
  • 基础/高级会员分级：提供不同层级的会员服务，高级会员可获取更多优质资源
  • 单次购买：单独为高价值资源定价
  • 时长订阅：月度、季度、年度等不同时长的订阅选择
  • 资源包：将相关资源打包销售，付费后解锁下载、打印等特定功能
  • 限时优惠：推出限时特惠会员活动提高转化率
  • 充值获取积分：用户充值获得平台积分
  • 任务奖励：完成签到、分享等任务获得少量积分
  • 积分兑换：用积分兑换资源或特权
  • 信息流广告：在资源列表中插入原生广告
  • 开屏广告：应用启动时展示广告
  • 激励式广告：观看广告获得积分或临时访问权限
  • 定制化服务：提供资源整理、个性化推荐等服务
  • 技术支持：提供专业解答或指导
  • 资源转换：提供格式转换、内容提取等服务
  • 专家问答：连接用户与相关领域专家
  • 线上课程：基于资源内容开发专业课程
  • 社群服务：付费加入特定兴趣或学习社群
 
个人开发者更加适合流量变现，付费订阅需要企业主体，需要打通微信支付。
流量主类小程序，需要确保资源内容版权合法

四）常见资源类小程序

图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
图片 (1220x2712)
 

二、小程序前期准备

 

一）开发工具

图片 (2875x1535)
图片 (2875x1535)
地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 建议下载稳定版
图片 (2879x1591)
图片 (2879x1591)
图片 (1675x425)
图片 (1675x425)
旧版本webstorm不支持wxml和wxss的文件类型，当然也不会有语法高亮！所以需要手动去配置。 .js文件和.json文件不需要配置，只需要配置.wxml和.wxss： .wxml->html .wxss->css
图片 (2851x1647)
图片 (2851x1647)

二）注册小程序全流程

地址：https://mp.weixin.qq.com/
图片 (2879x1403)
图片 (2879x1403)
图片 (2879x1695)
图片 (2879x1695)
图片 (2801x1517)
图片 (2801x1517)
 
图片 (2511x357)
图片 (2511x357)
图片 (2191x1271)
图片 (2191x1271)
图片 (2837x1397)
图片 (2837x1397)
用邮箱账号密码登录，选择个人主体即可
图片 (2511x1503)
图片 (2511x1503)
图片 (2689x1419)
图片 (2689x1419)
图片 (1185x929)
图片 (1185x929)
 
图片 (2435x1587)
图片 (2435x1587)
图片 (1417x1285)
图片 (1417x1285)
 
小程序logo直接找GPT-4o设计一个：
图片 (1713x599)
图片 (1713x599)
 
图片 (2225x1231)
图片 (2225x1231)
图片 (2277x1297)
图片 (2277x1297)
 
图片 (2047x1367)
图片 (2047x1367)
填写备案信息
图片 (2337x1335)
图片 (2337x1335)
 
 
本小程序为个人开发，主要提供各类互联网工具的使用教程、在线工具导航及资源分享服务，帮助用户更方便地获取实用信息与工具使用方法。内容涵盖图像处理、格式转换、效率工具等，旨在提升用户的日常办公与学习效率。无任何商业化内容，不涉及交易或盈利行为，仅作个人兴趣分享与学习用途。
 
图片 (2141x1609)
图片 (2141x1609)
图片 (927x235)
图片 (927x235)
图片 (1971x973)
图片 (1971x973)
备案承诺书，签字按手印
图片 (1609x1581)
图片 (1609x1581)
图片 (2061x1005)
图片 (2061x1005)
添加开发者权限
图片 (2735x1583)
图片 (2735x1583)
图片 (2849x1561)
图片 (2849x1561)
或者在开发管理获取
图片 (2879x1575)
图片 (2879x1575)
如果存在外部站点上传的情况，比如sass化，需要开通IP白名单
图片 (2879x901)
图片 (2879x901)
使用strapi，wordpress等架构需要开通合法域名（域名需要备案）
图片 (2879x1491)
图片 (2879x1491)

三、小程序开发

图片 (1269x1013)
图片 (1269x1013)

一）前端开发

图片 (1779x1387)
图片 (1779x1387)
这是一个标准的MVVM架构的小程序
图片 (2495x1817)
图片 (2495x1817)

二）后端开发

 
安装postgreSQL数据库
图片 (2873x1299)
图片 (2873x1299)
安装nodejs
图片 (1779x1119)
图片 (1779x1119)
设置postgreSQL版本
图片 (1789x1199)
图片 (1789x1199)
图片 (1791x1181)
图片 (1791x1181)
 
图片 (2879x1479)
图片 (2879x1479)
 
图片 (1465x375)
图片 (1465x375)
图片 (1821x453)
图片 (1821x453)
自定义安装类型
图片 (957x277)
图片 (957x277)
 
图片 (783x225)
图片 (783x225)
设置首选语言：JS
图片 (1143x267)
图片 (1143x267)
选择数据库
图片 (1377x335)
图片 (1377x335)
 
图片 (1429x795)
图片 (1429x795)
无需关注告警
图片 (2793x1437)
图片 (2793x1437)
 
绑定域名
图片 (1407x1153)
图片 (1407x1153)
图片 (2087x813)
图片 (2087x813)
图片 (2285x1319)
图片 (2285x1319)
 
图片 (2345x654)
图片 (2345x654)
设置语言为中文
图片 (2560x1233)
图片 (2560x1233)
配置appID，小程序名称，logo
图片 (2867x1577)
图片 (2867x1577)
广告配置
激励广告、插屏广告、视频广告
图片 (2879x1587)
图片 (2879x1587)
这里的广告id对应的是小程序推广与搜索的流量主->广告管理
图片 (2379x1329)
图片 (2379x1329)
 
上一篇
全网精选！14个爆火MCP资源库，让你的AI Agent能力翻倍！
下一篇
IDEA2025.1来了，全新Junie agent到底如何？
Catalog