前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >qq刷屏代码可复制_QQ小程序「神奇字体」从注册到发布

qq刷屏代码可复制_QQ小程序「神奇字体」从注册到发布

作者头像
全栈程序员站长
发布2022-06-29 09:07:02
1.7K0
发布2022-06-29 09:07:02
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

QQ 小程序最开始是邀请制的,在上个月差不多快中旬的时候对开发者全面开放了,把之前的微信小程序「神奇字体」搬了过去,关于微信小程序详见 小程序神奇字体的从零到一。

这里分享下 QQ 小程序从零到一的搬移过程。

认证

首先是去注册 QQ 小程序,进行认证开发者,然后才能发布小程序,大概认证了快一周左右吧。

开发工具

和微信小程序一样,先下了客户端。

4e09e8ba2e2357b5f8896ff5b90c4091.png
4e09e8ba2e2357b5f8896ff5b90c4091.png

再看下微信小程序的开发界面。

73ef5a995459d6c3066ae3b2df4d15bf.png
73ef5a995459d6c3066ae3b2df4d15bf.png

有没有发现不同之处。本来下完 QQ 小程序后直接想把代码粘贴过去,然后发现 QQ 小程序的开发工具竟然没有编辑器,也可能是我没找到,但我找了好久,没办法就用其他编辑器新建了代码。

代码

代码的话,命名上基本上是把微信小程序的 wx 啥啥啥,改成了 q 啥啥啥。举几个例子。

文件的后缀名。

a904604bca432dfc8d4db5ed49978f8a.png
a904604bca432dfc8d4db5ed49978f8a.png
9adfd6e0008d87a315294fb788359f88.png
9adfd6e0008d87a315294fb788359f88.png

库函数的调用。

QQ 小程序的代码

代码语言:javascript
复制
click(e) {
    
    
    var message = e.currentTarget.dataset.message;
    qq.setClipboardData({
    
    
        data: message,
        success: function (res) {
    
    
            qq.showToast({
    
    
                title: "复制成功",
                duration: 1000
            })
        },
        fail: function (res) {
    
    
            qq.showToast({
    
    
                title: "复制失败",
                duration: 2000
            })
        },
    })
},

微信小程序的代码

代码语言:javascript
复制
click(e) {
    
    
    var message = e.currentTarget.dataset.message;
    wx.setClipboardData({
    
    
        data: message,
        success: function (res) {
    
    
            wx.showToast({
    
    
                title: "复制成功",
                duration: 2000
            })
        },
        fail: function (res) {
    
    
            wx.showToast({
    
    
                title: "复制失败",
                duration: 2000
            })
        },
    })
},

另外说个神奇的事情,开始的时候这里其实忘了把 wx 改成 qq 了,然后编译和预览竟然都是成功的。

此外,相比于微信小程序的代码,QQ 小程序粘贴过来的代码去掉了一句代码,不然会有 bug,但并不知道为什么。而且同样的代码, QQ 小程序给我一种卡卡的感觉,不够流畅。

开发

开发的话,如果遇到问题去搜索的话,会发现个无奈的事情。

2d7b87baacf1fad032b4683d259e64c7.png
2d7b87baacf1fad032b4683d259e64c7.png

搜到的都是微信小程序解决方案,所以我们只能去他的 官方文档 去看了 。

e84c30e12f59db26923e6951361c6141.png
e84c30e12f59db26923e6951361c6141.png

或者就是搜索的时候利用 site 关键字限定在官方文档。

bd0b0f84729a4da3da1e5d1f937f868c.png
bd0b0f84729a4da3da1e5d1f937f868c.png

当然 QQ 小程序和微信小程序这么像,其实微信小程序的相关解决方案也可以照搬到 QQ 小程序。

接入广告

微信小程序流量主开通的条件是

累计独立访客(UV)不低于 1000

QQ 小程序流量主开通的条件是

DAU (日活跃用户数量)峰值 > 500

然而神奇的事情又出现了,我还没上线小程序的时候,就可以接入广告,大概是个 BUG。

c89422230290b7725ad220391bfbb9f9.png
c89422230290b7725ad220391bfbb9f9.png

甚至上线前竟然有了收入

1b9d5ad242d5389ee10f519ddbbab23d.png
1b9d5ad242d5389ee10f519ddbbab23d.png

但现在进入流量主,会提示我没有权限接入广告,太迷了

ad1ad7640d3940d4f9f0ae16d82fee9b.png
ad1ad7640d3940d4f9f0ae16d82fee9b.png

审核

当开发完后,就该提交审核了,关于审核时间的话,微信小程序在工作时间一般几个小时就有结果了,然而 QQ 小程序每次提交完就得等几天了。

然后和微信小程序一样的界面,一样的代码,在 QQ 小程序这里审核被拒了三次。

5c5745f7bf561c4f833509ddcb4d6bc7.png
5c5745f7bf561c4f833509ddcb4d6bc7.png

第一次的原因说是因为我接入了第三方广告。

然而我是莫名其妙接上的官方的广告呀,然后我没改代码就又重新提交了。

第二次的原因说是不具备可用性。

微信小程序都用的那么久了,一样的代码为什么不具备可用性呢,然后我没改代码就又重新提交了。

第三次的原因,请看图,我都震惊了,你们难道不是一家的吗?

84c1bfef05986692df101e93bdd5e9fb.png
84c1bfef05986692df101e93bdd5e9fb.png

我都觉得他是在难为我胖虎了,我猜他的原因是因为小程序里边的轮播图?

0a9c3f54fa22eda1518905acfa8878c2.png
0a9c3f54fa22eda1518905acfa8878c2.png

没办法呀,接着改呗,于是改了轮播图和文案。

e74b57336bfea885d474f4c015f596ec.png
e74b57336bfea885d474f4c015f596ec.png

并且我真的有些暴躁了,然后提交审核的时候加了一段话。。。

98cbdf927c5cd520ab58b1215e8f6fe3.png
98cbdf927c5cd520ab58b1215e8f6fe3.png

最后,在今天,终于通过了,从最开始到现在历时大约三周吧,和微信小程序形成了鲜明对比,微信 小程序 从开发到上线仅仅用了3 天。

入口

仅仅手机端 QQ 可以使用,TIM 和 PC 端都不能打开,同样是下拉消息列表。

14d6dc38869bcc69442f7b2a18d65a96.png
14d6dc38869bcc69442f7b2a18d65a96.png

然后提供了搜索小程序的功能。

d00d86170322a66d349102589ea66dde.png
d00d86170322a66d349102589ea66dde.png
7ffc5337e59fe9a713eb911ac5984ee7.png
7ffc5337e59fe9a713eb911ac5984ee7.png

另外可以通过扫描二维码进入,这里又发现了神奇的事情。

在设置界面提供了一个二维码。

8e9624539338cf4278517e34db4878a0.png
8e9624539338cf4278517e34db4878a0.png

也就是下边的二维码。

c9b7197329e9b0e34fe6ced813201108.png
c9b7197329e9b0e34fe6ced813201108.png

然而这个二维码在 QQ 中扫描成功,在微信中却不识别。

在开发管理中又找到了一个二维码。

1d8227dd73290ba045097fcd61a32cd2.png
1d8227dd73290ba045097fcd61a32cd2.png
b921f86e628b508c50f5c25c851f14c8.png
b921f86e628b508c50f5c25c851f14c8.png

上边的二维码就是正常的了,在微信中也可以识别,扫描后自动跳转到 QQ 打开小程序。

此外增加了分享到 QQ 空间的能力,可以在 QQ 空间直接打开。

f781567e0e4c74b0071bde559732bb66.png
f781567e0e4c74b0071bde559732bb66.png
18e3264a98693576a34b92eb0ffd59bc.png
18e3264a98693576a34b92eb0ffd59bc.png

数据

顺便给大家分享下微信小程序目前的数据吧。

目前累计用户是 3 万。

60ec18a80cba7bf4d8e22cac0cd21696.png
60ec18a80cba7bf4d8e22cac0cd21696.png

总添加用户 4.3 K.

793bea66e77a3e51d042b514bff94e1d.png
793bea66e77a3e51d042b514bff94e1d.png

有一天访问量暴增,然后最近稳定在了每天 2k+ 。

f32a8d5f707b53251bf8a636dea1df72.png
f32a8d5f707b53251bf8a636dea1df72.png

最后再分享下最近微薄的收入。

a7f1698eb1e96322af04a99bb73f12ec.png
a7f1698eb1e96322af04a99bb73f12ec.png

每天平均收入 1 块钱,目前 80 多块钱。

自已一直也没有专门去推广,都是靠大家的传播,为了表示感谢,在这里就给大家劈个叉吧。

最后

通过从注册到发布 QQ 小程序,我这里体验的感觉不是很好,尤其是审核时间和规则上,很莫名其妙。另外开发工具没提供编辑器不知道是怎么考虑的,离微信小程序的开发体验还有些距离。不过 QQ 的流量目前主要是 00 后居多,所以对于某些小程序发布在 QQ 可能会有些优势。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/132507.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年6月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 认证
  • 开发工具
  • 代码
  • 开发
  • 接入广告
  • 审核
  • 入口
  • 数据
  • 最后
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档