能力输出
· 阅读需 1 分钟
219 篇博文 含有标签「iCoding」
个人简介
查看所有标签内容农场
· 阅读需 1 分钟
内容搬运方案
· 阅读需 1 分钟
Dify 向移动端的用户交付方案
· 阅读需 1 分钟
开源方案
为人工智能开发者提供移动端输出方案
// 创建开发 token
client.devToken('john')
// 建立消息渠道
const channel = client.channel('messaging', 'the_park', {
name: 'The Park',
});
- 消息列表
import React, { useState } from 'react';
import { Channel as ChannelType, StreamChat } from 'stream-chat';
import { ChannelList, Chat, OverlayProvider } from 'stream-chat-react-native';
const client = StreamChat.getInstance('api_key');
export const App = () => {
const [channel, setChannel] = useState<ChannelType>();
return (
<OverlayProvider>
<Chat client={client}>
{channel ? <Channel channel={channel}>{/** App components */}</Channel> : <ChannelList onSelect={setChannel} />}
</Chat>
</OverlayProvider>
);
};
- 导航设置
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { Chat, OverlayProvider } from 'stream-chat-react-native';
const client = StreamChat.getInstance('api_key');
const Stack = createStackNavigator<{ home: undefined }>();
export const App = () =>
<NavigationContainer>
<OverlayProvider>
<Chat client={client}>
<Stack.Navigator>
<Stack.Screen component={() => {/** App components */})} name='home' />
</Stack.Navigator>
</Chat>
</OverlayProvider>
</NavigationContainer>;
- medium -》 文章翻译 -》 国内平台(公众号、头条)
React Native 流式方案
· 阅读需 1 分钟
开源方案
- react-native-openai
直接使用 OpenAI 的 API，无需自己实现。不支持直接的流式；
发现： https://easyvideotrans.com/playground/
-
SEO:互联网搜索引擎优化
-
平台流量
- 公众号，视频号：微信
- 抖音
- 小红书 工作日志
工作日志
· 阅读需 1 分钟
开源项目 Readme 素材
-
https://repobeats.axiom.co/： 生成漂亮的活动统计图；如下示例：
-
https://contrib.rocks/：项目成员头像大集合；如下示例：
Nextjs Chat
· 阅读需 2 分钟
一个使用 Next.js、Vercel AI SDK、OpenAI 和 Vercel KV 构建的开源 AI 聊天机器人应用模板。
功能
- Next.js 应用路由
- React 服务器组件 (RSCs)、Suspense 和服务器操作
- Vercel AI SDK 用于流式聊天 UI
- 支持 OpenAI（默认）、Anthropic、Cohere、Hugging Face 或自定义 AI 聊天模型和/或 LangChain
- shadcn/ui
- 使用 Tailwind CSS 进行样式设计
- Radix UI 用于无头组件原语
- 来自 Phosphor Icons 的图标
- 聊天记录、速率限制和会话存储使用 Vercel KV
- NextAuth.js 用于身份验证
模型提供者
此模板默认使用 OpenAI gpt-3.5-turbo。然而，得益于 Vercel AI SDK，你可以通过几行代码切换 LLM 提供者到 Anthropic、Cohere、Hugging Face 或使用 LangChain。
创建一个 KV 数据库实例
按照 Vercel 提供的 快速入门指南 中的步骤操作。该指南将帮助你在 Vercel 上创建和配置你的 KV 数据库实例，使你的应用程序能够与之交互。
记得在 .env 文件中更新你的环境变量 (KV_URL, KV_REST_API_URL, KV_REST_API_TOKEN, KV_REST_API_READ_ONLY_TOKEN) 以使用在 KV 数据库设置期间提供的适当凭据。
本地运行
你需要使用 中定义的环境变量来运行 Next.js AI 聊天机器人。建议你使用 Vercel 环境变量，但 .env 文件是必要的。
注意：你不应该提交你的
.env文件，否则会暴露秘密，允许他人控制对你各种 OpenAI 和身份验证提供者账户的访问。
- 安装 Vercel CLI:
npm i -g vercel - 将本地实例与 Vercel 和 GitHub 账户链接（创建
.vercel目录）：vercel link - 下载你的环境变量：
vercel env pull
pnpm install
pnpm dev
你的应用模板现在应该在 localhost:3000 上运行。
定价
888 元
- 交付源代码
1888 元
- 交付源代码
- 协助部署到 vercel
备注留下微信号：
iCoding 设计和规划思考
· 阅读需 2 分钟
目标
活动范围互联网，提供服务（应用），打造流量平台,我擅长互联网，互联网成本低，推广快
-
能力范围：互联网服务，链接，信息技术
-
nextjs 模板迁入，App 移动化
-
打造品牌
-
随带个人影响力
-
品牌网站
-
品牌账号：抖音、B站、快手
品牌
内容
- 一次性
- 有体系
- 视频化 流量
- 来自：广告，SEO
- 平台：抖音，微信
应用
惯性流量
- App 优先
- 小程序
- nextjs 职业 商业 广告 企业资质 组织
互联网基础
- 支付能力
- 国内支付：支付宝，微信
- 全球支付：Stripe
企业微信，体量大，容易转换成客户，拉取客户方便
收集用户能力，触达用户能力，都比较依赖微信体系
博客，杂文；
代码助手
- vscode svg logo优化
提示
Use the power of React to create interactive blog posts.
<button onClick={() => alert('button clicked!')}>Click me!</button>
代码一键改
- 更换名字
- 更换 logo
- 翻译
微信体系如何玩转
- 用户资源
- 公众号-服务号
- 消息触达用户
- 文章
- 用户登陆
- 企业微信
- 视频号
- 买卖
- 小商店
用 nextjs 服务能力，导入微信体系，实现流量导入，完成应用增长用户量；
FireCrawl 将URL转换为 Markdown 文本服务；
- Markdown 转换为视频：MD Video
- 前端提效工具：v0
nextjs 应用
-
使用 dify 和 flowise 搭建AI应用端
iCoding VSCode 插件开源编程小助手
· 阅读需 1 分钟
