GVKun编程网logo

微信小程序接入微信客服操作教程(附有图文教程)（微信小程序接入客服功能）

7

最近很多小伙伴都在问微信小程序接入微信客服操作教程(附有图文教程)和微信小程序接入客服功能这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展AI绘画API超详细使用教程-附微信小程序

最近很多小伙伴都在问微信小程序接入微信客服操作教程(附有图文教程)和微信小程序接入客服功能这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展AI 绘画 API 超详细使用教程 - 附微信小程序接入代码、Android开发微信小程序页面的图文教程、uni-app 开发微信小程序接入订阅消息、[微信小程序之小白教程系列] 微信小程序 -- 样式（WXSS）等相关知识，下面开始了哦！

本文目录一览：

微信小程序接入微信客服操作教程(附有图文教程)（微信小程序接入客服功能）

微信小程序接入微信客服操作教程(附有图文教程)（微信小程序接入客服功能）

　　小程序接入微信客服操作教程

　　1、登录企业微信管理后台(work.weixin.qq.com)，进入「我的企业」，完成企业验证。


　　2、在企业信息处复制企业ID。


　　3、在小程序管理后台的「功能-客服-微信客服」处，填写对应的企业ID，完成绑定。

　　注：暂仅支持绑定非个人小程序


　　4、登录企业微信管理后台，进入「应用管理-应用-微信客服」，选择接入场景为「在微信内其他场景接入」。

　　5、选择需要在小程序中接待用户咨询的客服帐号，找到对应的客服链接，复制。


　　6、调用 「在小程序中打开微信客服」 接口，完成接入。

　　7、用户在访问小程序时，点击即可向对应的客服发起咨询。


    延伸阅读

  • 百度竞价关键词出价技巧有哪些？

    一、关键词出价策略百度竞价推广中，根据不同的产品、不同地域的消费水平，我们可以通过调整关键词出价的方式进行控制成本。1、对于竞争激烈的词我们可以将价格调低一些，比如原本是10元...

  • 网站标题和关键词的关系是什么？

    网站的标题就是用户搜索的词汇或者短语。在搜索引擎中，一个页面通常由两个部分组成：网页主体(即内容)与链接指向的部分。而这两个部分是相互的。那么如何让这两部分的权重都提升呢?这就...

  • seo短视频优化攻略

    一、短视频优化攻略之标题：标题是吸引用户的关键因素，所以一定要重视起来。1、关键词的选取短视频内容中要包含有用户搜索词，并且这个关键词在标题中出现的频次要高。2、内容的布局围绕...

  • 企业网站如何快速被搜索引擎收录

    对SEO推广很多人并不陌生，很多站长遇到类似的问题，就是网站的排名没有，特别是一个刚刚接手的新站，网站排名都没有。因此，要怎样才可实现新站排名和收录增长?下面小编将与大家分享下...

  • 企业网站制作需要做策划方案吗？

    移动互联网的快速发展，手机网站在近几年也开始赶上潮流了。企业为跟上时代的步伐，也为自己建设手机网站，主要的目的是可以通过手机网站让更多人知道企业，提高企业的知名度。任何事情前都...

AI 绘画 API 超详细使用教程 - 附微信小程序接入代码

AI 绘画 API 超详细使用教程 - 附微信小程序接入代码

写在前面

【AI绘画/AI图像生成】已成为现下炙手可热的话题，AI 大模型训练的成本高昂，算法研究时间周期较长，对于大多数人来说，自研一套算法模型还是非常困难的，因此 AI 绘画 API 就应运而生，直接调用 AI 绘画 API 就能轻松将先进的图文 AI 融入到我们的产品中，使用门槛是非常低的。

本文将AI 绘画技术原理、图生文以及文生图等多个案例展示、还有 AI 绘画 API 常见的使用场景为大家介绍 AI 绘画相关知识，最后再详细教大家如何使用 AI 绘画 API。

技术原理

AI 绘画 API 是基于 LDM（Latent Diffusion Model）潜在扩散模型，通过将用户输入的文字、图片等条件作用到图片生成过程中，实现图片内容创意生成。

应用场景

AI 绘画 API 在实际的应用中，我们可以参考以下场景：

AI 绘画 API 介绍

AI 绘画 API 包括多个 API 接口，感兴趣可以点击 AI 绘画使用文档先行体验一下：

1. AI 绘画文生图

支持输入文本描述，生成符合文本描述的图像，可用于 AI 绘画等场景

2. AI 绘画图生图

支持输入图片和文本描述，生成符合图片参考和文本描述的图像，可用于 AI 绘画等场景

3.人像照片转动漫

支持输入人像照片及风格选项，生成该风格的该人像艺术风格化图像

4.图像高清（超分辨率）

支持提升低分辨率图像的清晰度

AI 绘画 API 详细使用教程

  1. 登录注册 APISpace，获取 API 使用密钥

  1. 注册成功后，我们在页面导航菜单点击 【我的 API】进入 【访问控制】页面，即可看到平台提供的密钥。

  1. 在线测试 AI 绘画 API

打开 AI 绘画 API 详情页 ，点击【免费试用】

试用成功后系统自动进入测试界面

AI 绘画 API 详细代码接入过程

写了一份微信小程序接入AI 绘画 API 的示例，大家可以参考下

var data = {"task":"txt2img.sd","params":{"model":"art","text":"玫瑰花","w":512,"h":512,"guidance_scale":7.5,"negative_prompt":"cropped","sampler":"k_euler","seed":-1,"num_steps":20},"model":"art","text":"玫瑰花","w":512,"h":512,"guidance_scale":7.5,"negative_prompt":"cropped","sampler":"k_euler","seed":-1,"num_steps":20,"notify_url":""} 

wx.request({
    "url":"https://23329.o.apispace.com/aigc/txt2img",
    "method": "POST",
    "header": {
        "X-APISpace-Token":"使用平台提供的 API 密钥",
        "Authorization-Type":"apikey",
        "Content-Type":"application/json"
    },
    "data": data,
    "success": (response)=> {
        console.log(response.data)
    }
})

回调地址返回代码示例：


    “uid”: “b50fd9dc699b0f69e5dac9d150939c94”, //任务ID
    “success”: True, // 1、True成功 2、False失败
    “data”: {
        “uid”: “b50fd9dc699b0f69e5dac9d150939c94”, // 任务ID
        “cdn”: “https://ailab-huawei-cdn.nolibox.com/aigc/images/d6fa33b93ac84b8fbb233f4be03ba38f.png“, // 加速图片地址。safe为False时，该字段返回空字符串
        “cos”: “https://ailab-1d01.obs.cn-north-4.myhuaweicloud.com/aigc/images/d6fa33b93ac84b8fbb233f4be03ba38f.png“, // 图片地址。safe为False时，该字段返回空字符串
        “safe”: True, // 图片是否安全。success为True时也会返回False
        “reason”: “”, // 错误原因
        “createtime”: 1680079480.1837924, // 提交任务执行时间
        “starttime”: 1680079480.189582, // 任务执行开始时间
        “end_time”: 1680079483.7931507, // 任务执行结束时间
        “duration”: 3.609358310699463, // 执行任务持续时间
        “elapsed_times”: { // 此参数不需要关注，为任务执行耗时时间
            “pending”: 0.005789756774902344,
            “run_algorithm”: 3.001178503036499,
            “algorithm_latencies”: {
                “get_model”: 0.5092508792877197,
                “inference”: 2.4906301498413086,
                “cleanup”: 0.000007867813110351562,
                “__total“: 2.9998888969421387
            },
            “upload”: 0.3074338436126709,
            “audit”: 0.29493021965026855
        },
        “request”: { // 请求的入参
            “task”: “txt2img.sd”,
            “model”: {
                “callback_url”: “”,
                “use_circular”: “”,
                “seed”: -1,
                “variation_seed”: 0,
                “variation_strength”: 0,
                “variations”: [],
                “num_steps”: 20,
                “guidance_scale”: 7.5,
                “negative_prompt”: “”,
                “is_anime”: “”,
                “version”: “dreamlike_v1”,
                “sampler”: “k_euler”,
                “clip_skip”: -1,
                “custom_embeddings”: {},
                “max_wh”: 1024,
                “text”: “Roses”,
                “w”: 512,
                “h”: 512
            }
        }
    }
}

写在最后

值得注意的是，AI 图像生成的 API 调用时，需要符合国家相关法律法规的要求，尊重用户隐私和信息安全。

Android开发微信小程序页面的图文教程

Android开发微信小程序页面的图文教程

初识Android

Android是我们在日常生活中注视最久的，我们所使用的所有手机APP基本上都可以在Android上运行。而这次我们将开发一个app页面。

Android Studio

Android Studio 是谷歌推出的一个Android集成开发工具，基于IntelliJ IDEA. 类似 Eclipse ADT，Android Studio 提供了集成的 Android 开发工具用于开发和调试。大概就是一个开发工具。

项目介绍

我们会首先建立大概的框架，会将一个页面分为三个部分。下面是效果预览图。

效果预览图

项目开始

第一步我们需要对我们页面进行分析。

一

接下来构建所需的布局文件

在这里插入图片描述

对于内部内容的填充

在这里插入图片描述

在这里插入图片描述

导航标签需要结构统一，最好赋予id时见名知意

在这里插入图片描述
在这里插入图片描述

接下来就是动态的配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

剩下的代码见Git仓库

https://gitee.com/polar_night/android

在这里插入图片描述

到此这篇关于Android开发微信小程序页面的图文教程的文章就介绍到这了,更多相关android开发微信小程序内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:
  • Android小程序实现切换背景颜色
  • Android小程序实现访问联系人
  • Android小程序实现音乐播放列表
  • Android小程序实现个人信息管理系统
  • Android小程序实现选项菜单
  • Android小程序实现简易QQ界面
  • Android实现闹钟小程序
  • Android实现简易计算器小程序
  • 微信小程序—微信跳一跳,Android游戏助手(外挂)使用教程详解
  • Android 仿微信小程序入口动画

uni-app 开发微信小程序接入订阅消息

uni-app 开发微信小程序接入订阅消息

场景介绍

image.png

1.当用户点击“开启订阅消息”时弹出如下授权框


注：此图来源于网络图片，如侵权，请告知删除
图片来自https://www.jianshu.com/p/085...

2.当用户点击“总是保持以上选择，不在询问”，再次点击“开启订阅消息”时，跳转到小程序设置页。如下图
image.png

注意事项：
1.开发者工具必须是最新的
2.基础库在 2.10.0 以上
3.用户需要点击“总是保持以上，不再询问”，才可以获取到getSetting返回的用户授权信息

// 开启订阅消息
openMsg() {
    var that = this
    // 获取用户的当前设置，判断是否点击了“总是保持以上，不在询问”
    wx.getSetting({
        withSubscriptions:true,  //是否获取用户订阅消息的订阅状态，默认false不返回
       success(res) {
          if(res.authSetting[''scope.subscribeMessage'']) { //用户点击了“总是保持以上，不再询问”
             uni.openSetting({ // 打开设置页
               success(res) {
                 console.log(res.authSetting)
               }
             });
          }else { // 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
             var templateid = that.setting.templateid.map(item => item.tempid)
             uni.requestSubscribeMessage({
               tmplIds: templateid,
               success (res) {
                  console.log(res)
               },
               fail:(res) => {
                  console.log(res)
               }
             }) 
          }
       }
    })
},

坑很多，也是借鉴了很多网友的思路

[微信小程序之小白教程系列] 微信小程序 -- 样式（WXSS）

[微信小程序之小白教程系列] 微信小程序 -- 样式（WXSS）

官方文档地址 https://mp.weixin.qq.com/debu...

问题来了？既然如此，我们为何还要写这篇文章？

答案只有一个，让你更快的“易懂”，换换思路，接下来的文章会对官方文档做一个段落类的解释。

为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位和样式导入。

补充：关于扩展的特性我们下面会说，既然文档说了WXSS具有CSS 大部分特性，那么有什么不同那？

1、没有body
是的，在小程序的每一个page里是没有body属性的，不过你可以通过在wxss中对page的设置来影响整个页面的样式，比如下面的代码

page {
    background:#F8F8F8
}

诸如此类，当然你也可以设置page的xxx.json中的backgroundColor属性来影响一个page页面下拉时出现的空白区域的颜色，一般来说当你页面有下拉刷新和上拉加载功能时，往往要设置backgroundColor属性。

2、没有父子关系（现在版本已经支持了，这条过。）
在使用css的时候，我们经常让样式的层级关系和html接点的层级关系保持一致，比如你的html代码中有下面代码

<div>
    <p>
        <strong ></strong>
    </p>
</div>

我们习惯于css的写法如下

.box .content strong {}

这样写的好处是strong的样式不会去影响其他地方的strong。但是在小程序中并不支持这种父子的层级关系。你只能一个一个的设置，看下面的小程序代码

<view>
    <text></text>
</view>

针对于上面的视图，对应的wxss应该如何写那？看下面代码

// 正确的
.box {}
.box-txt {}

// 错误的
.box .box-txt {}

这样说你明白了吧？！

3、尺寸的变化
在css中我们有很多衡量尺寸的单位，比如px、em等等，当然这些在小程序中也依然可以使用，但是小程序又为自己增加了一个单位，那就是rpx。

小程序作为移动端的应用需要适配不同规格的设备并且兼容越来越大的手机（话说我依然喜欢iphone5的尺寸，单手可控而且床上看电影不会砸到头）。

所以rpx最重要的特性就是可以根据屏幕宽度进行自适应。它规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

算明白了么？官方给了一个表格，很浅显易懂，见下图。

alt

这个换算比较简单，不在讲解，如果你真不懂可以留言。

4、样式导入
小程序的wxss支持样式的导入，这个功能相当有用，尤其是我们使用一些其他库的时候可以直接导入第三方的wxss文件，何其乐哉。

用法也很简单，看看下面代码。

@import "common.wxss";
.middle-p {
  padding:15px;
}

5、内联样式
和css一样，wxss支持class和style两种样式，但是在用法上还是有区别的，一句话概括：“如果你的样式中存在动态内容，将其写到style中，其他的都放到class文件，

比如这段代码

<view/>

将过多的样式写到style中带来的问题就是小程序在渲染视图的时候还要伴随着解析对应的样式布局等，必然对性能有一些影响。

6、选择器
另外对于css中的选择器，wxss基本都支持了，比如类、ID、组件等，看看下面官方给的图

alt

而且类似于last-child等css的高级属性，在wxss你也可以愉快的使用。

7、全局样式与局部样式
原则上一个在小程序中一个wxss负责一个wxml视图文件，但是对于一个应用来说总会有一些公用的属性，因此小程序为应用自身提供了一个wxss，那就是app.wxss，当然你无需人工引入，它会自动的加载到每一个视图上，这点要记住。

一点总结

关于wxss到底对css支持了哪些，微信官方并没有给出相应的文档，更多细节我们要慢慢挖掘，毕竟腾讯不是百度，会把文档写的那么好。

关于微信小程序接入微信客服操作教程(附有图文教程)和微信小程序接入客服功能的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于AI 绘画 API 超详细使用教程 - 附微信小程序接入代码、Android开发微信小程序页面的图文教程、uni-app 开发微信小程序接入订阅消息、[微信小程序之小白教程系列] 微信小程序 -- 样式（WXSS）等相关内容，可以在本站寻找。

本文标签：

上一篇微信小程序改名要收费吗？（微信小程序改名要收费吗）

下一篇如何解决:此图片来自微信公众平台，未经允许不可引（此图片来自微信公众平台,未经允许不可引用）

相关文章