mysql保存emoji表情(微信开发用户昵称..)

本文介绍了在使用MySQL数据库存储含有Emoji表情的数据时遇到的问题及解决方法。主要原因是MySQL的UTF-8编码支持最多三个字节,而Emoji表情需要四个字节。文章提供了从数据库和应用层两方面的解决策略。

java.sql.SQLException: Incorrect string value: ‘\xF0\x9F\x92\x94’ for colum n ‘name’ at row 1
at com.mysql.jdbc.SQLError.createSQLException(SQLError.java:1073)
at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:3593)
at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:3525)
at com.mysql.jdbc.MysqlIO.sendCommand(MysqlIO.java:1986)
at com.mysql.jdbc.MysqlIO.sqlQueryDirect(MysqlIO.java:2140)
at com.mysql.jdbc.ConnectionImpl.execSQL(ConnectionImpl.java:2620)
at com.mysql.jdbc.StatementImpl.executeUpdate(StatementImpl.java:1662)
at com.mysql.jdbc.StatementImpl.executeUpdate(StatementImpl.java:1581)

当报以上错误的时候,可能是java代码中的字段与数据库中的字段类型或者编码不匹配,这种情况只要统一格式或者编码就就可以了。

这里主要介绍emoji的图像插入数据库的错误以及解决方法

使用mysql数据库的时候,如果字符集是UTF-8并且在java服务器上,当存储emoji表情的时候,会抛出以上异常(比如微信开发获取用户昵称,有的用户的昵称用的是emoji的图像)

这是由于字符集不支持的异常,因为utf-8编码有可能是两个,三个,四个字节,其中Emoji表情是四个字节,而mysql的utf-8编码最多三个字节,所以导致数据插不进去。
解决方式:
一.从数据库层面进行解决(mysql支持utf8mb4的版本是5.5.3+,必须升级到较新版本)
注意:
(1.修改database,table,column字符集

ALTER DATABASE database_name CHARACTER SET = utf8mb4 COLLATE = utf8mb4_unicode_ci;
ALTER TABLE table_name CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
ALTER TABLE table_name CHANGE column_name VARCHAR(191) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

(2.修改mysql配置文件my.cnf(window为my.ini)
[client]
default-character-set = utf8mb4
[mysql]
default-character-set = utf8mb4
[mysqld]
character-set-client-handshake = FALSE
character-set-server = utf8mb4
collation-server = utf8mb4_unicode_ci
init_connect=’SET NAMES utf8mb4’

(3.用的是java服务器,升级或者确保mysql connection版本高于5.1.13否则仍然不能试用utf8mb4
(4.服务器端的db配置文件

jdbc.driverClassName=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/database?useUnicode=true&characterEncoding=utf8&autoReconnect=true&rewriteBatchedStatements=TRUE
jdbc.username=root
jdbc.password=password

如果升级了mysql-connector,其中的characterEncoding=utf8可以自动被识别为utf8mb4(兼容原来的utf8),而
autoReconnection(当数据库连接异常中断时,是否自动重新连接?默认为false)强烈建议配上,忽略这个属性,可能导致缓存缘故 ,
没有读取到DB最新的配置,导致一直无法试用utf8mb4字符集;
详细可见 :

http://segmentfault.com/a/1190000000616820

二.从应用层的方面进行解决
在获得数据之后往数据库存之前先进行编码:

URLEncoder.encode(nickName, “utf-8”);

当从数据库中取出准备显示的时候进行解码,

URLDecoder.decode(nickname, “utf-8”);
  从应用层进行解决的时候建议不要在对象getter,setter方法中直接编码,因为放入对象的时候setter方法将nickname进行编码,当插入数据库的时候相当于从对象中调用getter方法将你参考取出这就将之前setter编码过的nickname又重新解码了,等于未对Nickname进行任何操作。依然会出现以上问题。

<think>根据用户问题,用户需要处理微信小程序用户昵称中的特殊图标(如emoji表情等),涉及获取、存储和展示三个环节。微信小程序的用户昵称可能包含Unicode字符(包括emoji),这些字符在存储和展示时需要特殊处理。 关键点: 1. **获取用户昵称**:通过微信开放能力(如`wx.getUserProfile`或`<button open-type="getUserInfo">`)获取用户信息,其中包含昵称。 2. **存储到数据库**:需要确保数据库和连接能够支持存储这些特殊字符(通常使用utf8mb4字符集)。 3. **前端展示**:直接显示即可,因为微信小程序基础库支持Unicode字符。 具体步骤: ### 1. 获取用户昵称 - 使用微信小程序的API获取用户信息,注意需要用户授权。 - 示例代码: ```javascript // 在页面中 getUserProfile: function() { wx.getUserProfile({ desc: '用于展示用户信息', success: (res) => { const userInfo = res.userInfo; const nickName = userInfo.nickName; // 这里包含可能的emoji // 调用后端API将nickName保存到数据库 } }) } ``` ### 2. 存储到数据库 - 数据库(如MySQL)需要设置字符集为`utf8mb4`,以支持存储4字节的Unicode字符(如emoji)。 - 检查数据库、表和字段的字符集设置: ```sql -- 创建数据库时指定字符集 CREATE DATABASE mydb CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; -- 创建表时指定字符集 CREATE TABLE user ( id INT PRIMARY KEY AUTO_INCREMENT, nick_name VARCHAR(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; ``` - 后端连接数据库时,在连接字符串中指定字符集,例如使用JDBC连接MySQL时: ```properties spring.datasource.url=jdbc:mysql://localhost:3306/mydb?useUnicode=true&characterEncoding=utf8mb4&useSSL=false ``` - 后端接收到昵称后,直接存储即可(确保后端框架不会对字符串进行不必要的转义或过滤)。 ### 3. 前端展示 - 从数据库获取到昵称后,通过API返回给小程序前端。 - 小程序直接显示在文本组件中,例如: ```html <view>{{userInfo.nickName}}</view> ``` 因为微信小程序的基础库已经支持Unicode字符(包括emoji),所以无需额外处理。 ### 注意事项 - **字符集一致性**:确保从后端到数据库整个链路都使用`utf8mb4`字符集,包括HTTP接口(设置`Content-Type: application/json; charset=utf-8`,实际传输中UTF-8可以包含emoji)。 - **过滤非法字符**:虽然微信昵称一般不会包含恶意脚本,但为了安全,在展示时避免使用`rich-text`组件解析,而应使用`text`或`view`组件,这样就不会解析HTML标签,防止XSS攻击。 ### 示例完整流程 1. 小程序端调用`wx.getUserProfile`获取昵称(含emoji)。 2. 小程序调用后端API(使用POST请求),将昵称作为JSON字段发送。 3. 后端(Spring Boot)接收昵称,使用配置了`utf8mb4`的数据库连接保存到数据库。 4. 当需要展示时,后端从数据库取出,通过API返回给小程序。 5. 小程序使用`<text>`或`<view>`组件显示。 ### 相关问题 根据用户问题,生成以下相关问题: §§相关问题§§ 1. 微信小程序获取用户信息的授权流程是怎样的? 2. 如何配置MySQL数据库以支持存储emoji表情? 3. 在Spring Boot中如何设置数据库连接使用utf8mb4字符集? 4. 微信小程序中如何安全地展示用户输入的包含特殊字符的内容? 5. 除了微信小程序,其他平台(如Web)如何处理和显示包含emoji用户昵称?</think>### 微信小程序用户昵称图标处理指南 #### 1. 获取用户昵称(含图标) - **授权流程**: 通过`<button open-type="getUserInfo">`获取用户信息,或使用`wx.getUserProfile` API(需用户授权) ```javascript // 获取用户信息示例 wx.getUserProfile({ desc: '获取昵称', success: (res) => { const nickName = res.userInfo.nickName // 包含图标的昵称 this.uploadNickname(nickName) } }) ``` - **特殊字符说明**: 微信昵称中的图标实际是Unicode字符(如emoji表情🤖),小程序API会自动将其转换为UTF-8编码字符串 #### 2. 存储到数据库 - **关键配置**: - **数据库字符集**:必须使用`utf8mb4`(MySQL 5.5.3+支持) - **字段设置**: ```sql ALTER TABLE users MODIFY COLUMN nick_name VARCHAR(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; ``` - **Spring Boot 配置**: ```properties # application.properties spring.datasource.url=jdbc:mysql://localhost:3306/dbname?characterEncoding=utf8mb4 ``` - **Java 实体类**: ```java @Entity public class User { @Column(columnDefinition = "VARCHAR(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci") private String nickName; // 直接存储字符串 } ``` #### 3. 前端显示 - **小程序WXML**: 直接绑定数据即可正常显示图标 ```html <view class="nickname">{{userInfo.nickName}}</view> ``` - **特殊场景处理**: - 过长昵称截断: ```javascript // utils.js function truncateNickname(nickname, maxLength=10) { return nickname.length > maxLength ? nickname.substring(0, maxLength) + '...' : nickname; } ``` #### 4. 安全注意事项 1. **XSS防护**: ```java // Spring 控制器 @PostMapping("/updateNickname") public ResponseEntity<?> updateNickname(@RequestBody String nickName) { String sanitized = HtmlUtils.htmlEscape(nickName); // 转义HTML特殊字符 userService.updateNickname(sanitized); } ``` 2. **内容过滤**: - 使用正则表达式过滤非法字符 - 限制昵称长度(微信规范≤30字符) #### 5. 完整流程示例 ```mermaid graph TD A[小程序前端] -->|1. 获取用户授权| B(获取nickName) B -->|2. 调用API| C[Spring Boot后端] C -->|3. UTF-8编码存储| D[(MySQL utf8mb4)] D -->|4. 数据查询| C C -->|5. 返回JSON数据| A A -->|6. 直接渲染| E[显示含图标昵称] ``` ### 常见问题解决方案 | 问题现象 | 原因 | 解决方案 | |---------|------|---------| | 数据库显示问号❓ | 字符集非utf8mb4 | 修改数据库/表/字段字符集 | | 图标显示为方框▢ | 字体不支持 | 使用系统默认字体 | | 数据传输乱码 | 未设置UTF-8编码 | 检查HTTP头`Content-Type: application/json;charset=utf-8` | | 部分图标不显示 | Unicode版本差异 | 更新小程序基础库到最新版 | > **最佳实践**:建议在用户注册时即存储原始昵称字符串,避免后续处理。微信官方数据显示,约35%的用户昵称包含特殊字符[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值