天气微信小程序-DreamBird

最新推荐文章于 2024-08-20 14:36:57 发布

好想出去玩哦

最新推荐文章于 2024-08-20 14:36:57 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信文章标签：微信小程序云开发小程序码天气

本文链接：https://blog.youkuaiyun.com/levindandelion/article/details/90637311

本文记录了作者从零开始开发微信小程序DreamBird的过程，主要功能包括获取天气信息、城市列表选择、用户数据存储和云开发。在开发中，作者遇到了小程序码生成、云函数环境选择、用户数据权限管理、拖拽排序以及汉字转拼音等问题，并分享了解决方案和遇到的挑战。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一直想开发一个简单的小程序，最近终于落实，从0-1还是要花些功夫的。

先看看效果：

一共三个页面，用到了 和风天气api、微信小程序JavaScriptSDK获取城市列表以及定位当前城市、小程序云开发获取小程序码、

之前在前端获取小程序码，返回的是arraybuffer，转base64后用FileSystemManager和canvas处理不理想，开发工具能显示，真机不显示。

后来就在云函数里去请求数据，用云端cloud.uploadFile将小程序码存到云存储里，小程序端可用文件的fileId直接访问，省事多了。

// 云函数入口文件

const cloud = require('wx-server-sdk');

const rp = require('request-promise');

// cloud.init({ env: 'test-xxxxx' });//cloud不指定env环境的话，均默认指向正式环境

cloud.init();

const db = cloud.database();

// 云函数入口