1.����С����Դ��
2.uni-app结合云函数开发小程序博客（一）：环境搭建
3.uni-app 结合云函数开发小程序博客（三）：接入云函数，博客实现完善的小程序源列表刷新机制

����С����Դ��

       各位云原生开发者与PPT架构师，是码博否曾梦想过能像撰写文章那样轻松编写代码？

       如何才能像撰写文章一般编写代码？理想的需求是在线编写与调试函数，无需重启服务，程序随时查看函数运行日志，源码有流无需连接服务器，量主多频道源码无需操作数据库、博客对象存储、小程序源Nginx等，码博能够随时上线应用，程序随需而至，源码有流随需而去，量主轻松发布！博客

       懂王出现了，小程序源他指出这便是码博Serverless的理念，Serverless旨在用户只需关注开发意图，编写函数代码，并上传至代码仓库，其余资源由Serverless平台自动分配与管理。

       虽然你懂得很多，但仅有Serverless还不够满足上述需求。

       若要像撰写文章一样编写代码，除了Serverless提供函数计算服务外，还需要以下几个条件：

       懂王再次出现，他指出腾讯云开发、Google Firebase以及UniCloud等平台也提供类似功能。Asio源码安装

       若你得知有一个平台已具备上述所有条件，且完全开源，每个开发团队都能轻松拥有自己的云开发平台，你会不会感到欣喜？是的，这个平台就是Laf。

       无论是前端、后端、云开发用户、独立开发者、初创团队，还是我本人，都在使用Laf。请访问链接了解更多。

       值得注意的是，Laf在上周五一天内Star数量增长了近个，并连续几天呈垂直上升趋势。

       Laf是什么？本质上，Laf是一个集函数计算、数据库、对象存储于一体的开发平台，可快速开发并发布应用。它包含以下功能：

       云函数：运行在云端的JavaScript代码，Node.js开发者可直接上手。

       云函数支持Typescript编写，无需管理服务器，时秒源码可在线编写、调试、一键保存即可运行后端代码。

       大多数数据获取可在客户端直接操作数据库，但在业务中，如注册、登录、文件操作、事务、第三方接口等，可直接使用云函数实现。

       云数据库：前端可使用laf-client-sdk“直连”云数据库，无需与服务端对接。

       配置访问策略，也可实现客户端安全操作数据库。

       云存储：laf云存储基于MinIO提供对象存储服务，提供完全兼容MinIO(aws s3-api)的对象存储服务。

       静态托管：laf支持静态网站托管，可快速上线静态网站，无需折腾Nginx。

       laf适用于哪些场景？理论上，laf可用于开发任何应用。

       未来，lafyun.com将上线应用市场，汇总收集应用，hishop 源码发布让laf用户一键使用海量应用。

       如何快速开始？我们将在lafyun.com上通过开发一个简单的“用户登录/注册”功能，快速体验laf云开发。

       准备工作：编写云函数，包括register处理注册请求和login处理登录请求。

       用户注册云函数：在“云函数”管理页面，新建注册云函数register，编写代码，调试运行，保存并发布。

       用户登录云函数：同上，创建login云函数，编写代码，调试运行，保存并发布。

       使用curl调用云函数：在云函数列表页面查看并复制调用地址，或执行curl命令替换APPID。

       在前端项目中使用云函数：安装laf client sdk，在Vue/React/Angular/小程序页面调用云函数完成登录注册功能。

       注意事项：由于Laf功能强大，运维与后端同学可能不再需要操作基础架构和后端服务，注意控制风险。

uni-app结合云函数开发小程序博客（一）：环境搭建

       本文详细介绍了如何使用uni-app结合云函数开发小程序博客。uni-app是一个跨平台应用的前端框架，通过使用Vue.js，传统BIAS源码开发者可以编写一套代码在多个平台上发布应用，包括iOS、Android、H5、微信小程序、支付宝小程序等多个平台。uni-app在跨平台的同时，能够通过条件编译和调用对应平台特有API，为某个平台编写个性化的代码和调用其独有能力，而不会影响到其他平台，大大丰富了生态，支持npm包管理、丰富的第三方SDK集成以及多个插件，且上手容易，采用Vue语法和微信小程序API，无需额外学习成本。HbuilderX的使用提供了强大的语法提示，使得uni-app成为跨端开发的不二选择。

       开始学习这一系列教程，我们将构建一个微信小程序博客应用，包括登录、注册、文章列表、文章详情、国际化、更改主题等功能，样式使用colorui。云函数的引入为前端开发带来了新技能。

       uni-app官网提供了详细的文档和资源，项目地址也已经准备好，方便开发者跟进学习。我们将实现的博客应用包含四个页面，需提前了解Vue基础知识、uni-app API、简单了解uniCloud以及安装好微信开发者工具（记得在运行配置中添加微信开发者工具路径，运行时会自动启动）。创建新的uniapp项目时，记得勾选启用uniCloud。

       项目目录结构按照uni-app的推荐进行设置，App.vue中不要写模板布局，应用打开首页为pages.json中的第一项，尽量不进行路由跳转操作。由于使用自定义导航栏，登录页和注册页不需要，因此pages.json中的navigationStyle设为custom。

       引入colorUI，首先从插件市场下载zip包，将文件放置在项目根目录，引入至App.vue中。在pages/index/index.vue中写下测试代码并启动微信小程序，检查导入是否成功。接下来，使用Vuex实现主题更改和多语言支持，通过本地存储结合Vuex进行数据管理，确保在不同页面间切换时能够保持选择的语言。

       在项目根目录下创建store/index.js，定义store中的数据并使用全局混入处理lang获取对应显示。在main.js中引入store，并在index.vue页面中测试效果，确保刷新页面时能够保留选择的语言。使用colorui的背景色和字体颜色，创建主题颜色并引用至项目中。通过全局混入处理页面主题更改和语言切换，实现模态框中颜色的随机改变以及主题色的成功更改。

       完成环境搭建后，可以申请appid进行手机预览，使用二维码扫描进行真机调试。接下来，进入登录和注册页面的开发，封装弹出框和请求，并配置云函数，完成登录和注册功能。希望这些内容对您有所帮助，如果有任何问题，请随时指正，让我们共同进步。

       在此感谢所有支持和鼓励的领导，尤其是白神的指导，让我认识到分享知识的重要性。如果文章对您有帮助，欢迎在社区内给予点赞以支持作者。更多精彩的实战技术教程，欢迎访问图雀社区，一起学习成长。

uni-app 结合云函数开发小程序博客（三）：接入云函数，实现完善的列表刷新机制

       本文将指导您如何结合uni-app和云函数开发小程序博客，并实现完善的列表刷新机制。首先，介绍了一款基于Git的技术实战教程写作工具，我们邀请您关注并Star该项目，以获取更多使用指南。

       接下来，作者通过图雀社区的uni-app结合云函数开发系列，分享了开发过程中的关键步骤。在设计首页时，作者提出了左右滑动切换分类和以列表形式显示内容的方案，类比于掘金的界面。原始的小程序下拉样式和自定义导航条的下拉样式分别进行了描述。在面对原始实现的不足后，作者选择引入插件来优化布局。

       通过引入插件，页面效果得到了显著提升，但在左侧栏中未见tab组件。分析了DOM结构后，发现需要给tab设置顶部值以匹配自定义导航条的高度。在解决该问题后，作者发现初次左右滑动时，tab中的下拉栏没有同步变化。通过在监听curIndex变化时触发scrollByIndex方法，成功解决了此bug。

       接着，作者引入了两个云函数，用于存放类别下的文章和对应的顶部tab。为了简化操作，云数据库被初始化，数据成功加载到云端web控制台。在实现文章和类别的对应关系后，作者编写了请求逻辑，包括文章类别和文章本身。数据的请求与页面展示的优化同步进行，最终实现了一个功能完善且美观的博客界面。

       在文章详情部分，作者提到云数据库会自动生成_id字段，因此实现从列表页到详情页的跳转变得简单。在开发详情页时，作者使用了富文本解析插件来处理markdown或富文本格式的内容。为解决富文本解析中的问题，如链接的处理和页面层级的问题，作者提供了相应的解决方案。

       此外，文章还涵盖了点赞功能的实现，以及如何在列表页更新点赞数。在侧边弹出栏的制作中，作者通过简单的动画和组件引入，实现了图标和功能的无缝集成。最后，文章总结了使用云函数的经验，并鼓励读者根据自己的想法进行定制开发。

       本文提供了从工具使用、云函数集成到细节优化的全面指导，旨在帮助开发者构建功能丰富、用户友好的小程序博客。通过跟随本文的步骤，您可以更好地理解如何在uni-app中结合云函数，实现高效且高质量的开发过程。