送给女朋友的情人节礼物---超贴心小程序

喜欢ヅ旅行 2022-10-28 13:27 14阅读 0赞

> 送给女朋友的情人节礼物  
> 使用云开发 云函数+云存储+云数据库  
> 目前只开放体验版

> 我们的视频教程(免费)链接为[https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/][https_static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com]  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70]

# 天气预报语音合成 #

会返回天气预报得语音

## 天气预报获取 ##

天气预报 api [https://tianqiapi.com/][https_tianqiapi.com]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 1]

function getvoi(city){ 
    	let res = uniCloud.httpclient.request("https://tianqiapi.com/api?version=v6&appid=xxx&appsecret=xxxx&city="+city)
    	return new Promise(function(resolve){ 
    		res.then(ress=>{ 
    			let arrayBuffer = ress.res.data
    			let unit8Arr = new Uint8Array(arrayBuffer)
    			let encodedString = String.fromCharCode.apply(null, unit8Arr)
    			let decodedString = decodeURIComponent(escape(encodedString))
    			let data = JSON.parse(decodedString)
    			resolve(data)
    		})
    	})
    }

## 整合腾讯位置服务逆地址解析获取地区 ##

citys为客户端调用云函数发送得数据 格式为  
比如 经纬度 33.xxx 120.xxx \{citys:“33.xxx,120.xxx”\}  
![在这里插入图片描述][20210211141300569.png]

function getcity(citys){ 
    	let res = uniCloud.httpclient.request("https://apis.map.qq.com/ws/geocoder/v1/?key=xxxxxx&location="+citys)
    	return new Promise(function(resolve){ 
    		res.then(ress=>{ 
    			let arrayBuffer = ress.res.data
    			let unit8Arr = new Uint8Array(arrayBuffer)
    			let encodedString = String.fromCharCode.apply(null, unit8Arr)
    			let decodedString = decodeURIComponent(escape(encodedString))
    			let data = JSON.parse(decodedString)
    			resolve(data.result.address_component.district)
    		})
    	})
    }

## 将逆地址解析得结果传给天气获取 ##

![在这里插入图片描述][20210211141619684.png]

## 提取天气预报需要字段调用百度语音合成 ##

语音合成模块来自公共模块封装  
可以参考 [云开发—uniapp云开发云函数练习—整合百度ai图像识别SDK][uniapp_ai_SDK]  
![在这里插入图片描述][20210211141710790.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 2]

exports.main = async (event, context) => { 
    	//event为客户端上传的参数
    	let city = await getcity(event.citys)
    	let cct = city;
    	city = city.substr(0,2)
    	let data = await getvoi(city);
    	return new Promise(function(resolve){ 
    		client.text2audio(`亲爱的,今天是${ data.week},${ cct},当前温度${ data.tem}度,最高温度${ data.tem1}度,最低温度${ data.tem2}度,${ data.win},${ data.win_speed},PM二点五指数为${ data.air_pm25},${ data.air_tips}`,{ per:4}).then(function(result) { 
    		    if (result.data) { 
    		        resolve(result.data)
    		    } else { 
    		        // 服务发生错误
    		        console.log(result)
    		    }
    		}, function(e) { 
    		    // 发生网络错误
    		    console.log(e)
    		});
    	})

# 备忘录/表白墙功能 #

## 云函数+云数据库 ##

云数据库 表名buckup  
在 uniCloud控制台可以配置  
[https://unicloud.dcloud.net.cn/][https_unicloud.dcloud.net.cn]  
![在这里插入图片描述][20210211142132111.png]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 3]代码只有这么多 效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 4]

## 页面代码 ##

<template>
    	<view>
    		<textarea placeholder="备忘" v-model="msg"></textarea>
    		<button @click="setData()">确认</button>
    		<uni-card v-for="(item,index) in tableList" :key="index" :note="item.time">
    		    {
       {item.lists}}
    		</uni-card>
    	</view>
    </template>
    
    <script> export default { data() { return { msg:"", tableList:[] } }, onLoad() { this.getData() }, methods: { setData(){ let vm = this; uniCloud.callFunction({ name:'getbuck', data:{ type:1,item:vm.msg}, success:function(res){ vm.tableList = res.result.data console.log(res.result.data) } }) }, getData(){ let vm = this; uniCloud.callFunction({ name:'getbuck', data:{ type:0}, success:function(res){ vm.tableList = res.result.data console.log(res.result.data) } }) } } } </script>
    
    <style> </style>

## 表白墙说明 ##

表白墙和备忘录数据格式一样 只是客户端样式变得比较爱情化  
和备忘录相比 这里发生了改变  
![在这里插入图片描述][2021021116574291.png]![在这里插入图片描述][20210211165759542.png]

# 相册功能 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 5]  
根据文档  
![在这里插入图片描述][20210211165836271.png]  
可以使用uploadFile /chooseAndUploadFile

上传图片 换取临时下载地址 然后显示图片  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 6]

## 上传照片存储文件id ##

以下代码逻辑为  
选择照片 chooseImage  
上传文件 uploadFile  
调用云函数存储文件id  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 7]

## 获取文件id后 要换取临时下载地址 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 8]

![在这里插入图片描述][20210211170103443.png]

# 调用其它小程序 #

识图工具我用了之前写的狗哥识图

在 pages.json  
![在这里插入图片描述][2021021117030846.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 9]  
“navigateToMiniProgramAppIdList” 引用要使用的小程序id

在页面中 跳转

uni.navigateToMiniProgram({ 
    	appId:"wx7fbcdfc06b24f0bc"
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 10]

情人节小程序 到此完成 由于情人节 所以代码先不放到github上  
等情人节过了 再放 哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈  
除夕快乐 新年快乐 情人节快乐

[https_static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com]: https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70]: /images/20221024/2bdf627a83884397a724f787a6f3f1f5.png
[https_tianqiapi.com]: https://tianqiapi.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 1]: /images/20221024/fcf601539099473b8b872e01970664f0.png
[20210211141300569.png]: /images/20221024/1e3b3772eb8448349ae9b4a8d214d5ce.png
[20210211141619684.png]: /images/20221024/7b567c134db546159e62e26ec3e7d75c.png
[uniapp_ai_SDK]: https://blog.csdn.net/qq_42027681/article/details/113764664
[20210211141710790.png]: /images/20221024/df8acd54d1094bedb78e77f0255e0517.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 2]: /images/20221024/635ea74776b142dcbe25b9c0def8e217.png
[https_unicloud.dcloud.net.cn]: https://unicloud.dcloud.net.cn/
[20210211142132111.png]: /images/20221024/15f46c7630e9402ea2564e0f73065f04.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 3]: /images/20221024/d74dbf3900ff4cf2b6a3fe617adc54a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 4]: /images/20221024/76a450d5e21a46ea804114c4005a5571.png
[2021021116574291.png]: https://img-blog.csdnimg.cn/2021021116574291.png
[20210211165759542.png]: /images/20221024/92ee96114b3743fd9bf4544180d808d2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 5]: /images/20221024/de7304ac656143b884035673a9d8d92e.png
[20210211165836271.png]: /images/20221024/a0df8871375048eda8f6dba670acd273.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 6]: /images/20221024/0c5f9b1d8b904045bdf228c7b23e4854.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 7]: /images/20221024/8ea88b7c26d341958dad63393f1d0d33.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 8]: /images/20221024/0dfdc61f4fc74371a9103798120da6d8.png
[20210211170103443.png]: /images/20221024/a67b45a20bf846baab5b31905f901590.png
[2021021117030846.png]: /images/20221024/f0e4cdfdce9c4bb2a8a60893dcc3d5df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 9]: /images/20221024/9b57935b9c8e494f9e5a39cc15b9520a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 10]: /images/20221024/28922fccfbc54550ba1acf340d855794.png