Supabase RLS下多用户购物车同商品ID重复键冲突问题求助

报错信息 #

supabase: error: duplicate key value violates unique constraint "cartItems_pkey1"

问题描述 #

数据库启用RLS（行级安全），已认证用户仅能操作自己的数据，这部分功能正常。购物车逻辑为：检查cartItems表中是否存在对应uniqueId的商品，存在则增加数量，不存在则插入新数据。但出现异常：当一个用户添加某uniqueId商品后，其他用户无法添加同uniqueId商品，触发重复键冲突，尽管数据归属不同用户。

实现代码 #

if(user){
    console.log(user)
    //check if the object exists already on our database using the ID
    const { data, error } = await supabaseClient
      .from('cartItems')
      .select()
      .eq('id', uniqueId)

    console.log('product widget', data)

    if (data.length > 0) {
      // if data exists get its quantity and add it to new quantity
      const newQuantity = data[0].quantity + counter

      //update the cart item on the database

      const { error } = await supabaseClient
        .from('cartItems')
        .update({ quantity: newQuantity })
        .eq('id', uniqueId)

        if (error) {
          // console any error we encounter along the way
          console.log(error)
          alert('Error adding the item to your wishlist')
        } else {
          // alert that we have added to our wishlist successfully

          alert('item added successfully to wishlist')
        }

    } else {
      // add a new item if the item is not available on our database
      const { error } = await supabaseClient
        .from('cartItems')
        .insert(
          {
            id: uniqueId,
            name,
            price,
            image_src: imageSrc,
            image_alt: imageAlt,
            quantity: counter
          }
        )

      if (error) {
        // console any error encountered

        console.log(error)
        alert('Error adding the item to your wishlist, 2nd part')
      } else {
        alert('item added to Wishlist')
      }

    }
  if(error){
    console.log(error, 'error checking if the cart item data exists already')
  }

}

表结构说明 #

cartItems表当前将商品id设为单一主键（唯一约束），缺少关联用户的字段，导致不同用户无法添加同一件商品。

解决方案 #

1. 修改表结构，添加复合主键 #

给cartItems表添加用户关联字段，并将主键改为「用户ID+商品ID」的复合约束，确保同一商品可被不同用户添加。在Supabase SQL编辑器执行以下语句：

-- 添加关联用户的字段（关联Supabase认证用户表的ID）
ALTER TABLE cartItems ADD COLUMN user_id UUID REFERENCES auth.users(id);

-- 删除原单一主键约束
ALTER TABLE cartItems DROP CONSTRAINT cartItems_pkey1;

-- 添加复合主键，确保每个用户的商品唯一
ALTER TABLE cartItems ADD PRIMARY KEY (user_id, id);

2. 修正业务逻辑代码 #

查询、更新、插入操作都需要加上当前用户的条件，确保只操作自己的购物车数据：

if(user){
    console.log(user)
    // 检查当前用户购物车中是否存在该商品
    const { data, error } = await supabaseClient
      .from('cartItems')
      .select()
      .eq('id', uniqueId)
      .eq('user_id', user.id) // 新增：限定当前用户

    console.log('product widget', data)

    if (data.length > 0) {
      const newQuantity = data[0].quantity + counter

      // 更新当前用户的该商品数量
      const { error } = await supabaseClient
        .from('cartItems')
        .update({ quantity: newQuantity })
        .eq('id', uniqueId)
        .eq('user_id', user.id) // 新增：限定当前用户

        if (error) {
          console.log(error)
          alert('添加商品到购物车失败')
        } else {
          alert('商品已成功添加到购物车')
        }

    } else {
      // 插入新商品时关联当前用户ID
      const { error } = await supabaseClient
        .from('cartItems')
        .insert(
          {
            id: uniqueId,
            user_id: user.id, // 新增：关联当前用户
            name,
            price,
            image_src: imageSrc,
            image_alt: imageAlt,
            quantity: counter
          }
        )

      if (error) {
        console.log(error)
        alert('添加商品到购物车失败')
      } else {
        alert('商品已添加到购物车')
      }

    }
  if(error){
    console.log(error, '检查购物车商品是否存在时出错')
  }

}

3. 验证RLS策略（可选） #

确保RLS策略已包含user_id过滤，比如：

-- 插入策略：仅允许用户插入自己的购物车数据
CREATE POLICY "Users can insert their own cart items" ON cartItems
  FOR INSERT WITH CHECK (auth.uid() = user_id);

-- 查询策略：仅允许用户查看自己的购物车数据
CREATE POLICY "Users can view their own cart items" ON cartItems
  FOR SELECT USING (auth.uid() = user_id);

-- 更新策略：仅允许用户更新自己的购物车数据
CREATE POLICY "Users can update their own cart items" ON cartItems
  FOR UPDATE USING (auth.uid() = user_id);

-- 删除策略：仅允许用户删除自己的购物车数据
CREATE POLICY "Users can delete their own cart items" ON cartItems
  FOR DELETE USING (auth.uid() = user_id);

内容的提问来源于stack exchange，提问作者Iheanacho Amarachi Sharon