<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>mikogao (糖伴西红柿)</title>
    <link>https://w2solo.com/mikogao</link>
    <description>文不能测字，武不能防身</description>
    <language>en-us</language>
    <item>
      <title>调用 api 生成分享海报图 - Foolstack.net</title>
      <description>&lt;p&gt;我把在小程序中生成分享图片的功能拆分出来，开发了一个名为 &lt;a href="https://t.co/rtyNRl7EkB" rel="nofollow" target="_blank" title=""&gt;https://foolstack.net&lt;/a&gt; 的服务。现在，可以通过简单调用 API，将网页或 HTML 直接渲染成图片。&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.way2solo.com/photo/mikogao/e4c8abd4-3afe-4773-b32f-9889916a0628.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;图片生成使用了 Puppeteer，API 服务端继续使用 koa2，并使用 Prisma 取代了之前一直使用的 Sequelize。而用户端体验则使用了全栈框架 &lt;a href="https://t.co/4ScoFnGnoh" rel="nofollow" target="_blank" title=""&gt;https://create.t3.gg&lt;/a&gt;，整体开发体验和效率都得到了大幅提升。&lt;/p&gt;

&lt;p&gt;对于独立开发者来说，我觉得更加方便的方式是提供了一些内置模板，调用 api 时只需提供相应模板所需的数据，即可生成对应的图片。&lt;/p&gt;

&lt;p&gt;举个例子，我将小程序中使用的书籍和书摘制作成了 React 组件，在服务端通过 React Server API 渲染成 HTML，然后生成图片。&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.way2solo.com/photo/mikogao/ba857668-d4e6-4efd-a4fb-ac43fec28bac.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;（顺便推荐一下这本书）&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.way2solo.com/photo/mikogao/56412d78-4c5f-49b1-b006-8fa58bdfeccc.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;如果你需要这个服务，又不想自己写分享页面的代码，可以告诉我你的想法或提供设计，我来做成内置模板。&lt;/p&gt;</description>
      <author>mikogao</author>
      <pubDate>Mon, 29 May 2023 09:29:06 +0800</pubDate>
      <link>https://w2solo.com/topics/3922</link>
      <guid>https://w2solo.com/topics/3922</guid>
    </item>
  </channel>
</rss>
