feat: add wxshare

backend/app/http/admin/auth.go

@@ -21,6 +21,7 @@ type TokenResponse struct {
 }
 
 // Login
+//
 //	@Router	/admin/auth [post]
 //	@Bind	body body
 func (ctl *auth) Login(ctx fiber.Ctx, body *AuthBody) (*TokenResponse, error) {

backend/app/http/admin/medias.go

@@ -14,6 +14,7 @@ type medias struct {
 }
 
 // List medias
+//
 //	@Router	/admin/medias [get]
 //	@Bind	pagination query
 //	@Bind	query query
@@ -23,6 +24,7 @@ func (ctl *medias) List(ctx fiber.Ctx, pagination *requests.Pagination, query *L
 }
 
 // Show media
+//
 //	@Router	/admin/medias/:id [get]
 //	@Bind	id path
 func (ctl *medias) Show(ctx fiber.Ctx, id int64) error {
@@ -40,6 +42,7 @@ func (ctl *medias) Show(ctx fiber.Ctx, id int64) error {
 }
 
 // Delete
+//
 //	@Router	/admin/medias/:id [delete]
 //	@Bind	id path
 func (ctl *medias) Delete(ctx fiber.Ctx, id int64) error {

backend/app/http/admin/orders.go

@@ -16,6 +16,7 @@ type OrderListQuery struct {
 type orders struct{}
 
 // List users
+//
 //	@Router	/admin/orders [get]
 //	@Bind	pagination query
 //	@Bind	query query

backend/app/http/admin/posts.go

@@ -18,6 +18,7 @@ type ListQuery struct {
 type posts struct{}
 
 // List posts
+//
 //	@Router	/admin/posts [get]
 //	@Bind	pagination query
 //	@Bind	query query
@@ -63,6 +64,7 @@ type PostForm struct {
 }
 
 // Create
+//
 //	@Router	/admin/posts [post]
 //	@Bind	form body
 func (ctl *posts) Create(ctx fiber.Ctx, form *PostForm) error {
@@ -100,6 +102,7 @@ func (ctl *posts) Create(ctx fiber.Ctx, form *PostForm) error {
 }
 
 // Update posts
+//
 //	@Router	/admin/posts/:id [put]
 //	@Bind	id path
 //	@Bind	form body
@@ -148,6 +151,7 @@ func (ctl *posts) Update(ctx fiber.Ctx, id int64, form *PostForm) error {
 }
 
 // Delete posts
+//
 //	@Router	/admin/posts/:id [delete]
 //	@Bind	id path
 func (ctl *posts) Delete(ctx fiber.Ctx, id int64) error {
@@ -172,6 +176,7 @@ type PostItem struct {
 }
 
 // Show posts by id
+//
 //	@Router	/admin/posts/:id [get]
 //	@Bind	id path
 func (ctl *posts) Show(ctx fiber.Ctx, id int64) (*PostItem, error) {
@@ -193,6 +198,7 @@ func (ctl *posts) Show(ctx fiber.Ctx, id int64) (*PostItem, error) {
 }
 
 // SendTo
+//
 //	@Router	/admin/posts/:id/send-to/:userId [post]
 //	@Bind	id path
 //	@Bind	userId path

backend/app/http/admin/statistics.go

@@ -22,6 +22,7 @@ type StatisticsResponse struct {
 }
 
 // dashboard statistics
+//
 //	@Router	/admin/statistics [get]
 func (s *statistics) statistics(ctx fiber.Ctx) (*StatisticsResponse, error) {
 	statistics := &StatisticsResponse{}

backend/app/http/admin/uploads.go

@@ -33,6 +33,7 @@ type PreCheckResp struct {
 }
 
 // PreUploadCheck
+//
 //	@Router	/admin/uploads/pre-uploaded-check/:md5.:ext [get]
 //	@Bind	md5 path
 //	@Bind	ext path
@@ -59,6 +60,7 @@ type PostUploadedForm struct {
 }
 
 // PostUploadedAction
+//
 //	@Router	/admin/uploads/post-uploaded-action [post]
 //	@Bind	body body
 func (up *uploads) PostUploadedAction(ctx fiber.Ctx, body *PostUploadedForm) error {

backend/app/http/admin/users.go

@@ -16,6 +16,7 @@ type UserListQuery struct {
 type users struct{}
 
 // List users
+//
 //	@Router	/admin/users [get]
 //	@Bind	pagination query
 //	@Bind	query query
@@ -25,6 +26,7 @@ func (ctl *users) List(ctx fiber.Ctx, pagination *requests.Pagination, query *Us
 }
 
 // Show user
+//
 //	@Router	/admin/users/:id [get]
 //	@Bind	id path
 func (ctl *users) Show(ctx fiber.Ctx, id int64) (*model.Users, error) {
@@ -32,6 +34,7 @@ func (ctl *users) Show(ctx fiber.Ctx, id int64) (*model.Users, error) {
 }
 
 // Articles show user bought articles
+//
 //	@Router	/admin/users/:id/articles [get]
 //	@Bind	id path
 //	@Bind	pagination query

backend/app/http/pays.go

@@ -22,6 +22,7 @@ type pays struct {
 }
 
 // Callback
+//
 //	@Router	/pay/callback/:channel [get]
 //	@Bind	channel path
 func (ctl *pays) Callback(ctx fiber.Ctx, channel string) error {

backend/app/http/posts.go

@@ -29,6 +29,7 @@ type posts struct {
 }
 
 // List posts
+//
 //	@Router	/posts [get]
 //	@Bind	pagination query
 //	@Bind	query query
@@ -99,6 +100,7 @@ type PostItem struct {
 }
 
 // Show
+//
 //	@Router	/posts/:id/show [get]
 //	@Bind	id path
 //	@Bind	user local
@@ -148,6 +150,7 @@ type PlayUrl struct {
 }
 
 // Play
+//
 //	@Router	/posts/:id/play [get]
 //	@Bind	id path
 //	@Bind	user local
@@ -181,6 +184,7 @@ func (ctl *posts) Play(ctx fiber.Ctx, id int64, user *model.Users) (*PlayUrl, er
 }
 
 // Mine posts
+//
 //	@Router	/posts/mine [get]
 //	@Bind	pagination query
 //	@Bind	query query
@@ -236,6 +240,7 @@ func (ctl *posts) Mine(ctx fiber.Ctx, pagination *requests.Pagination, query *Li
 }
 
 // Buy
+//
 //	@Router	/posts/:id/buy [get]
 //	@Bind	id path
 //	@Bind	user local

backend/app/http/provider.gen.go

@@ -58,12 +58,14 @@ func Provide(opts ...opt.Option) error {
 		pays *pays,
 		posts *posts,
 		users *users,
+		wechats *wechats,
 	) (contracts.HttpRoute, error) {
 		obj := &Routes{
 			auth:    auth,
 			pays:    pays,
 			posts:   posts,
 			users:   users,
+			wechats: wechats,
 		}
 		if err := obj.Prepare(); err != nil {
 			return nil, err

backend/app/http/routes.gen.go

@@ -19,6 +19,7 @@ type Routes struct {
 	pays    *pays
 	posts   *posts
 	users   *users
+	wechats *wechats
 }
 
 func (r *Routes) Prepare() error {
@@ -95,4 +96,11 @@ func (r *Routes) Register(router fiber.Router) {
 		Body[ProfileForm]("form"),
 	))
 
+	// 注册路由组: wechats
+	router.Get("/wechats/js-sdk", DataFunc2(
+		r.wechats.GetJsSDK,
+		QueryParam[string]("url"),
+		Local[*model.Users]("user"),
+	))
+
 }

backend/app/http/users.go

@@ -34,6 +34,7 @@ type ProfileForm struct {
 }
 
 // Update
+//
 //	@Router	/users/username [put]
 //	@Bind	user local
 //	@Bind	form body

backend/app/http/wechat.go

@@ -1,19 +0,0 @@
-package http
-
-import (
-	"quyun/database/schemas/public/model"
-	"quyun/providers/wechat"
-
-	"github.com/gofiber/fiber/v3"
-)
-
-// @provider
-type wechats struct {
-	wechat *wechat.Client
-}
-
-// @Router			/wechat/js-ticket [get]
-// @Bind user local
-func (ctl *wechats) GetTicket(ctx fiber.Ctx, user *model.Users) (string, error) {
-	return ctl.wechat.GetJSTicket(user.AuthToken.Data.AccessToken)
-}

backend/app/http/wechats.go

@@ -0,0 +1,21 @@
+package http
+
+import (
+	"quyun/database/schemas/public/model"
+	"quyun/providers/wechat"
+
+	"github.com/gofiber/fiber/v3"
+)
+
+// @provider
+type wechats struct {
+	wechat *wechat.Client
+}
+
+// GetJsSDK
+// @Router /wechats/js-sdk [get]
+// @Bind url query
+// @Bind user local
+func (ctl *wechats) GetJsSDK(ctx fiber.Ctx, url string, user *model.Users) (*wechat.JsSDK, error) {
+	return ctl.wechat.GetJsSDK(user.AuthToken.Data.StableAccessToken, url)
+}

backend/providers/wechat/funcs.go

@@ -1,14 +1,24 @@
 package wechat
 
-import "math/rand"
+import (
+	"crypto/sha1"
+	"encoding/hex"
+	"math/rand"
+)
 
 // RandomString generate random size string
-func randomString(size int) (string, error) {
+func randomString(size int) string {
 	// generate size string [0-9a-zA-Z]
 	const chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
 	b := make([]byte, size)
 	for i := range b {
 		b[i] = chars[rand.Intn(len(chars))]
 	}
-	return string(b), nil
+	return string(b)
+}
+
+func hashSha1(input string) string {
+	h := sha1.New()
+	h.Write([]byte(input))
+	return hex.EncodeToString(h.Sum(nil))
 }

backend/providers/wechat/wechat.go

@@ -3,6 +3,7 @@ package wechat
 import (
 	"crypto/sha1"
 	"encoding/hex"
+	"fmt"
 	"net/url"
 	"sort"
 	"strings"
@@ -287,3 +288,32 @@ func (we *Client) GetJSTicket(token string) (string, error) {
 
 	return data.Ticket, nil
 }
+
+type JsSDK struct {
+	Debug     bool   `json:"debug"`
+	AppID     string `json:"appId"`
+	Timestamp int64  `json:"timestamp"`
+	NonceStr  string `json:"nonceStr"`
+	Signature string `json:"signature"`
+}
+
+// GetJSTicket
+func (we *Client) GetJsSDK(token, url string) (*JsSDK, error) {
+	sdk := &JsSDK{
+		Debug:     false,
+		AppID:     we.appID,
+		Timestamp: time.Now().Unix(),
+		NonceStr:  randomString(16),
+		Signature: "",
+	}
+	// get ticket
+	ticket, err := we.GetJSTicket(token)
+	if err != nil {
+		return nil, errors.Wrap(err, "get wechat ticket failed")
+	}
+
+	input := fmt.Sprintf("jsapi_ticket=%s&noncestr=%s&timestamp=%d&url=%s", ticket, sdk.NonceStr, sdk.Timestamp, url)
+	sdk.Signature = hashSha1(input)
+
+	return sdk, nil
+}

frontend/wechat/package.json

@@ -15,10 +15,13 @@
         "dplayer": "^1.27.1",
         "pinia": "^3.0.2",
         "plyr": "^3.7.8",
+        "sha1": "^1.1.1",
         "tailwindcss": "^4.1.4",
         "vue": "^3.5.13",
         "vue-icons-plus": "^0.1.8",
-        "vue-router": "^4.5.0"
+        "vue-router": "^4.5.0",
+        "wechat-js-sdk": "^1.3.3",
+        "weixin-js-sdk": "^1.6.5"
     },
     "devDependencies": {
         "@vitejs/plugin-vue": "^5.2.2",

frontend/wechat/src/api/wechatApi.js

@@ -0,0 +1,11 @@
+import client from './client';
+
+export const wechatApi = {
+    jsSdk() {
+        return client.get('/wechats/js-sdk', {
+            params: {
+                url: window.location.href.split('#')[0],
+            },
+        });
+    },
+}

frontend/wechat/src/hooks/useRandom.js

@@ -0,0 +1,14 @@
+export function useRandom() {
+    function string(size) {
+        let result = '';
+        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        const charactersLength = characters.length;
+        for (let i = 0; i < size; i++) {
+            result += characters.charAt(Math.floor(Math.random() * charactersLength));
+        }
+        return result;
+    }
+    return {
+        string,
+    };
+}

frontend/wechat/src/hooks/useWxSDK.js

@@ -0,0 +1,80 @@
+import wx from "weixin-js-sdk";
+
+export function useWxSDK() {
+    /**
+     * 初始化设置
+     */
+    function initConfig(config) {
+        return new Promise((resolve) => {
+            wx.config({
+                debug: config.debug,
+                appId: config.appId,
+                timestamp: config.timestamp,
+                nonceStr: config.nonceStr,
+                signature: config.signature,
+                jsApiList: [
+                    "chooseImage",
+                    "uploadImage",
+                    "previewImage",
+                    "onMenuShareTimeline",
+                    "onMenuShareAppMessage",
+                    "chooseWXPay",
+                ],
+                openTagList: [],
+            });
+            wx.ready(() => {
+                console.log("wx.ready called");
+                resolve(true);
+            });
+        });
+    }
+
+    /** 设置微信分享 */
+    function setShareInfo(
+        shareInfo,
+        onSuccess = () => { },
+        onCancel = () => { }
+    ) {
+        wx.onMenuShareTimeline({
+            title: shareInfo.title, // 分享标题
+            link: shareInfo.link, // 分享链接，可以不是当前页面，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+            imgUrl: shareInfo.imgUrl,
+            success: function () {
+                // 用户确认分享后执行的回调函数
+                onSuccess();
+            },
+            cancel: function () {
+                onCancel();
+                // 用户取消分享后执行的回调函数
+            },
+        });
+        wx.onMenuShareAppMessage({
+            title: shareInfo.title, // 分享标题
+            desc: shareInfo.desc,
+            link: shareInfo.link, // 分享链接，可以不是当前页面，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+            imgUrl: shareInfo.imgUrl,
+            type: "link", // 分享类型,music、video或link，不填默认为link
+            success: function (e) {
+                // 用户确认分享后执行的回调函数
+                onSuccess();
+                console.log("分享成功", e);
+            },
+            cancel: function (e) {
+                // 用户取消分享后执行的回调函数
+                onCancel();
+                console.log("分享取消", e);
+            },
+        });
+    }
+
+    /** 是否是ios微信 */
+    function isiOSWechat() {
+        return window.__wxjs_is_wkwebview;
+    }
+
+    return {
+        initConfig,
+        setShareInfo,
+        isiOSWechat,
+    };
+}

frontend/wechat/src/views/ArticleDetail.vue

@@ -5,7 +5,10 @@ import { onMounted, onUnmounted, ref } from 'vue'
 import { BsChevronLeft } from 'vue-icons-plus/bs'
 import { useRoute, useRouter } from 'vue-router'
 import { postApi } from '../api/postApi'
+import { wechatApi } from '../api/wechatApi'
+import { useWxSDK } from '../hooks/useWxSDK'
 
+const wx = useWxSDK()
 const route = useRoute()
 const router = useRouter()
 const article = ref(null)
@@ -90,40 +93,13 @@ const fetchArticle = async () => {
         article.value = data
         document.title = article.value.title
 
-        // 定义“分享给朋友”及“分享到QQ”按钮的分享内容
+        // 调用微信 JS SDK 分享接口
-        const shareContent = {
+        wx.setShareInfo({
             title: data.title,
             desc: data.content,
             link: window.location.href,
             imgUrl: data.head_images[0]
-        }
-        // 调用微信 JS SDK 分享接口
-        if (window.wx) {
-            wx.updateTimelineShareData({
-                title: shareContent.title,
-                link: shareContent.link,
-                imgUrl: shareContent.imgUrl,
-                success: function () {
-                    console.log('分享成功')
-                },
-                cancel: function () {
-                    console.log('分享取消')
-                }
         })
-
-            wx.updateAppMessageShareData({
-                title: shareContent.title,
-                desc: shareContent.desc,
-                link: shareContent.link,
-                imgUrl: shareContent.imgUrl,
-                success: function () {
-                    console.log('分享成功')
-                },
-                cancel: function () {
-                    console.log('分享取消')
-                }
-            })
-        }
     } catch (error) {
         console.error('Failed to fetch article:', error)
         alert("加载失败!")
@@ -137,6 +113,12 @@ const handleBack = () => {
 onMounted(async () => {
     await fetchArticle()
     initializePlayer()
+
+    wechatApi.jsSdk().then(resp => {
+        wx.initConfig(resp.data)
+    }).catch(error => {
+        console.error('Failed to initialize WeChat SDK:', error)
+    })
 })
 
 onUnmounted(() => {