首页 > 编程语言 >uniapp实用功能代码(小程序支付,图片保存,返回刷新,分享到朋友圈)

uniapp实用功能代码(小程序支付,图片保存,返回刷新,分享到朋友圈)

时间:2023-11-07 11:55:26浏览次数:33  
标签:uniapp 实用功能 console log res 朋友圈 uni 分享

1. uniapp 小程序支付:

uni.request({
    url: "http://xxxxxx/payOrder", // 后端接口 返回调起支付需要的参数
    data: {
      userId:1, // 此接口需要的参数 一般有多个 此仅为示例
    },
    method: "POST",
    success: (res) => {
      console.log(res.data, "这是调起支付的参数");
      // 调起小程序支付api 下面参数为必传
      uni.requestPayment({
        provider: "wxpay", //支付类型(小程序)
        ...res.data, // 前面接口返回的数据
        success: (res) => {
          if (res.errMsg === "requestPayment:ok") {
            console.log("支付成功", res)
          }
        },
        fail: (err) => {
          console.log("支付失败", err)
        }
      })
    }
  })

2. uniapp保存图片到相册

saveImage(url) {
        uni.showLoading({
          title:'下载中...'
        })
        uni.downloadFile({
          url: url,
          success(res) {
            if (res) {
              console.log('下载成功', res)
              uni.hideLoading();
              uni.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
                success(res) {
                  console.log(res);
                },
                fail(res) {
                  console.log(res);
                },
              });
            }
          },
          fail: (err) => {
            if (err) {
              console.log('下载失败', err)
              uni.hideLoading();
            }
          }
        });
      }

3. uniapp返回刷新

 let pages = getCurrentPages(); // 当前页面
    let beforePage = pages[pages.length - 2]; //上一个页面
     uni.navigateBack({
      success: function() {
           beforePage.$vm.getlist();
      }
    }) 

4. uniapp 小程序分享

//发送给朋友
onShareAppMessage(){
  return {
    title: '',//分享标题
    path: ''//分享页面路径
    imageUrl: '',//分享图标
    desc:'',//自定义分享描述
  }
},


//分享朋友圈
onShareTimeline() {},

uniapp更多实用技巧,公众号:"雪天前端" 。

标签:uniapp,实用功能,console,log,res,朋友圈,uni,分享
From: https://www.cnblogs.com/snowt/p/17814707.html

相关文章

  • uniApp:使用vue3+Vite4+pinia+sass技术栈构建(02)-封装api请求
    前言在纯vue3开发的时候,使用axios进行api请求,但在uniapp中还需要安装axios的适配器uniapp-axios-adapter,否则小程序或者app请求不兼容。文档地址uniapp-axios-adapter-DCloud插件市场但在这里我们不使用axios,而是使用uniapp提供的请求方法uni.request进行封装。uni.request方......
  • 不点赞朋友圈的人
     在一段时间里,会遇到很多人,但是这些人里,有你在意的,有你不在意的。对于我在意的人,我是对 Ta有期待的。期待与 Ta 互动,期待了解 Ta ,想知道 Ta 的喜好、性情、看待世界的方式,还有Ta 的习惯。我也希望 ta 有意向了解我。但是很多人在大多数时候都是见不着面的,只能通过......
  • uniapp+微信小程序 激励广告
    防忘首先在onready里面准备好代码 包括广告准备就绪 准备出错,广告关闭data(){return{showAd:false,canShowAd:false,rewardedVideoAd:null,}},onReady()......
  • 使用uniapp开发小程序getLocation报错
    uniapp中使用uni.getLocation()报错,报错如下:getLocation:failtheapineedtobedeclaredintherequiredPrivateInfosfieldinapp.json/ext.json 首先检查uniapp的manifest文件发现位置权限已经开启: 后翻阅微信文档后发现原来是微信官方做了调整,uniapp只勾选这个还......
  • uniapp-1记
    《Vue.js核心技术解析与uni-app跨平台实战开发》这本书听、读了2天,收获一般,所以我打算从兴趣点入手。上面截取了某游戏社交平台的应用操作界面,可以看到它使用的双导航,即在上方有一排:(推荐、影帝赠礼、新闻、更新、活动),默认推荐,而其实这上面这一排也仅仅对应着下面的tabBar......
  • uniApp 仿微信下拉菜单
    uniApp仿微信下拉菜单手指长按事件longpress@longpress="longpress(index,$event)"下拉菜单 <!--长按的下拉菜单--> <viewclass="jh-w-200jh-h-60-minjh-dropDownMenujh-shadow-greyjh-bg-whitejh-solid" :id="'dropDownMenu&#......
  • uniapp微信小程序表单输入框上移事件
    一、问题uniapp制作的微信小程序表单,在使用真机调试时,点击输入框输入内容时,出现输入框上移的情况二、找原因窗体高度固定,导致软键盘弹出时输入框上移三、解决办法1、uniapp官网关于软键盘弹出问题的解决方法在pages.json中配置的写输入框表单的 style"app-plus":{"......
  • uniapp小程序小bug,扫码进入小程序场景值为1001的情况之一。
    首先,这个问题原因是这样的用户第一次扫码进入小程序在app.vue的onLaunch下拿不到optiond的query对象的值场景值为1001,按照正常来说扫码进来应该是1047。排查原因只有用户在打开小程序的情况下没有杀掉进程只是切换页面到微信主页进行扫码进入小程序,结果就会出现扫码进入小程序的......
  • uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
    异常描述:首页有轮播、广告位、瀑布流商品列表,但是使用了原生组件waterfall的商品列表后边出现了大面积空白。解决方法:将waterfall放到父容器下边或者直接放到template下边作为父容器,给父容器设置高度设置为窗口高度,除瀑布流展示的列表外,其他的组件都放在中即可。<template>......
  • uniapp做app跳转小程序支付功能
    1.app里面代码app向小程序路径传参的时候,如果太长或者是里面有特殊符号建议先使用编码然后再小程序端解码实现传送(编码代码如下)encodeURIComponent(JSON.stringify(params))//编码JSON.parse(decodeURIComponent(option.params))//解码  plus.share.getServices((s)=>......