蓝河应用《坚果早报》

坚果早报

今天我们一起来做一个坚果早报，这样大家在手表上就可以阅读我们的每日新闻啦。

以及大家可以查看随机一言这样的功能。

效果预览

摘要

主要实现随机展示一篇诗词，以及还可以阅读每日新闻这样的功能。

软件分类

工具/新闻

应用领域

新闻

开源协议

"license": "Apache-2.0",

作品概述

本项目主要目的是为了在手表上方便大家查看当天的新闻早报。主要应用的行业为新闻媒体行业。

目前实现的效果如下所示。

1.每日新闻的浏览

2.随机一言的更新。

开发背景

在我看来，手表上提供新闻早报的功能有如下意义和优势，包括：

1. 快速获取信息：通过手表上的新闻早报功能，用户可以在短时间内快速浏览当天的重要新闻和事件，而无需打开手机或其他设备。
2. 便捷性：手表是随身携带的便捷设备，用户可以随时随地查看新闻早报，不受时间和地点的限制。
3. 节省时间：在匆忙的早晨或行程中，通过手表上的新闻早报功能，用户可以在短暂的空隙时间内了解最新的新闻动态，节省了查找新闻的时间。
4. 个性化定制：一些手表新闻应用程序可以根据用户的偏好和兴趣定制新闻内容，让用户只看到他们感兴趣的新闻。
5. 多任务处理：手表具有多任务处理的能力，用户可以在查看新闻的同时继续进行其他活动，提高工作效率。

总的来说，手表上的新闻早报功能为用户提供了一种便捷、快速获取信息的方式，使用户可以随时了解最新的新闻动态，方便生活。

功能支持

浏览每日新闻。以及查看随机一言，

关键技术点

基础组件使用

网络请求

通知

文件结构

.
├── app.ux  # 应用程序代码的入口文件
├── assets  # 公用的资源(images/styles/字体...)
│   ├── images # 存储 png/jpg/svg 等公共图片资源
│   │   └── logo.png
│   └── styles # 存放 less/css/sass 等公共样式资源
│       ├── mixins.scss
│       ├── style.scss
│       └── variables.scss
├── manifest.json# 配置蓝河应用基本信息
└── pages # 统一存放项目页面级代码
    ├── Main
    │   └── index.ux
    ├── dailyword
    │   └── index.ux
    └── newsdeatilspage
        └── index.ux

说明

pages # 统一存放项目页面级代码
    ├── Main
    │   └── index.ux
    ├── dailyword
    │   └── index.ux
    └── newsdeatilspage
        └── index.ux

创建项目

编译打包

生成应用的 RPK 包

生成应用的 RPK 包

1. 可以通过点击顶部工具栏的「打包」按钮执行功能。

包类型

• debug：为了方便开发者进行调试而设计的，因此它不会进行过多的优化。通常情况下，debug 包会包含调试信息，以便开发者进行调试和定位错误。
• release：为了发布到生产环境而设计的，因此它会进行更严格的优化，以减少文件大小和加载时间。通常情况下，release 只包含必要的文件和代码，会删除所有的调试信息、注释和未使用的代码，以减小文件大小并提高性能。

NODE_ENV

• production：生产环境。
• development：开发环境。
• test：测试环境。
• 环境分类：
• 如何区分各种环境：在程序开发中，涉及到后台接口调用，一般需要根据环境不同（正式、开发与测试），以便于可以调用不同 API 地址，而不用手动修改代码。借助 process.env.NODE_ENV 是常见的解决方案，代码示例如下 const isProductionEnv = process.env.NODE_ENV === 'production' const requestBaseUrl = isProductionEnv ? 'release_path' : 'dev_path' if (isProductionEnv) { // do something }
• 说明：debug / release 与 production / development / test 可以交叉出现；譬如说，构建 release 包，上线时，可以设置 NODE_ENV 为 production，在测试期间可设置为 test，支持完全按需进行搭配，自由搭配。

其他变量：可添加自定义的 NODE_ENV 值 和自定义其他变量的值，以便更好地满足不同的开发需求。

2. 检查证书

• 检测在工程的 sign 目录中是否存在 certificate.pem 和 private.pem 文件。如不存在则提示用户去生成证书[1]。

3. 打包成功

• 打包成功之后，会在 dist 目录下生成带有 release 签名的 rpk 包，可以「打开 rpk 所在位置」
• 打包成功之后，可以「点击前往开放平台上传」

参考资料

教程[2]

UI 组件[3]

JS API[4]

工具[5]

FAQ[6]

蓝河操作系统[7]

vivo 重磅官宣自研“蓝河操作系统”：永不兼容安卓应用，由 Rust 编写框架，还引入 AI 大模型！

遇到的问题

1.fetch 请求不支持中文，需要自己解码使用

2.真机和模拟器请求到数据以后类型不一致。模拟器的二级 json 是个 string 类型，而真机是 Object。需要两边实现一致的效果，需要大赛方支持。

参考资料

[1]

生成证书: https://developers-watch.vivo.com.cn/ide/helper/certification/

[2]

教程: https://developers-watch.vivo.com.cn/reference/quickstart/introduction/

[3]

UI组件: https://developers-watch.vivo.com.cn/component/common/rule/

[4]

JS API: https://developers-watch.vivo.com.cn/api/system/app/

[5]

工具: https://developers-watch.vivo.com.cn/ide/interface/main/

[6]

FAQ: https://developers-watch.vivo.com.cn/ide/FAQ/common-questions/

[7]

蓝河操作系统: https://developers.vivo.com/product/blueOS