微信开发者工具可以正常分享

2016-12-07 19:22:11 weixin_36185028 阅读数 12784

从9月份微信小程序横空出世到现在的将近三个月,虽然尚未全面开放,却已红透大半边天,网友们贡献的各种资源教程也喷涌而出。

最近刚刚学完JavaScript的基本知识,忍不住也开始尝试一下微信小程序开发,对于官方提供的微信web开发者工具也是信心十足,但是实际操作中还是遇到了一些坑,对于像我一样的一个初学者,比如在该工具中创建项目后,存放各个页面的文件夹默认为pages,但是想把它改成其他名字,结果会出现不同的问题,下面分享自己是如何爬这个坑的,懂得的大神请忽略。

首先,现在下来最新的开发工具微信web开发者工具v0.11.112301,打开新建一个快速启动项目test,稍微改一下页面内容,只保留logs页面,效果和文件树如下所示:


由于某种原因,现在我需要更改pages文件夹名称,当然app.json里面对应的页面路径也要同步更改。

1,先更改文件树文件夹名称为pagestest,移开鼠标焦点点击空白处(此处若不移开鼠标焦点直接保存结果不会改变),保存(会出现报错一次),再更改app.json中的页面路径为"pagestest/logs/logs" 保存,显示效果正常为;

2,先更改app.json中的页面路径为"pagestest /logs/logs" 保存,页面显示pagestest/logs/logs.wxml,再更改文件树种的文件夹名称为pagestest保存,此时pagestest文件夹中又出现了另外一个文件夹pages,而且显示仍然是pagestest/logs/logs.wxml,而这个pages文件夹中也有一个logs文件夹,与原文件夹内容一样。

删除这个后来生成的pages文件夹,保存,此时的页面才显示出Hello World。有时删除pages后还不能正常显示,需要进入logs的wxml页面置入鼠标焦点,无需改变内容,保存一下即可。

另外,自己在尝试时也遇到过其他的情况:

1.生成的多余的页面文件夹也可能在于app.js同一层的位置;

2.更改后页面内容还是不能正常显示,这时进入wxml文件看一下内容,发现原本的文件内容变成了路径,所以删除文件后来生成的文件之前先看一下页面内容是否还存在。

 

综上所述,微信官方的开发者工具在用户体验上还是存在这个欠缺的,期待官方后面版本的更加人性化,

对于出现诸如以上问题,除了按方法1更改之外,当然一次性建好页面文件夹名称不再更改是最好的办法,如何无法确定后面是否需要更改,则可以用第三方编辑器比如sublime text进行代码变,可以在官方开发工具中查看效果,从而避免出现以上问题。

2019-04-27 21:01:13 double_sweet1 阅读数 2502

在微信小程序中,如果前后端分离开发的话,是需要通过接口来进行交互的,

因此在联系不到后台的情况下,写前端的我们应当如何测试自己的页面呢?方法如下:

微信小程序前端与后台交互的时候使用的是request请求,请求的地址必须是Http打头的,为了方便前台测试,我们可以自己先写一个我们需要的json文件,然后使用tomcat去访问。

具体做法就是:

1.在idea编辑器(其他可以做web的编辑器也可以)中新建一个web项目,

2.将微信小程序的项目文件(假设叫weixin_test)拖进web目录下,

3.配置并启动tomcat,

4.将web项目web目录下的小程序文件(假设叫weixin_test)用微信开发者打开,

5.正常使用request请求去访问我们写好的json文件即可。

6.与此同时,我们使用微信开发者工具调代码的时候idea下的那个web项目也会同步更新(因为微信开发者工具打开的是web项目下的一个子文件),前提是tomcat是启动状态,这样就可以提高编码效率啦。

 

原创文章,请勿转载!

2018-06-22 17:57:18 tym3515 阅读数 753

 

微信开发者工具:

当前系统代理不是安全代理?

命令行输入regedit或按快捷键win+R然后输入regedit,打开注册表编辑器------通过下面的路径打开

HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Internet Settings

这时把里面所有的Proxy开头的项都删除掉,如ProxyEnable,ProxyOverride

 

    删除后电脑一定要注销或者重启

 

微信分享ios:

1,分享配置的参数link中如果有变量,不能是中文如果有中文就会在ios失效,安卓没毛病;

2,imgurl必须是固定的字符串


 
    wx.ready(function(){
        wx.hideMenuItems({
            menuList: ["menuItem:share:qq",
            'menuItem:share:QZone',
            "menuItem:editTag",
            "menuItem:delete",
            "menuItem:copyUrl","menuItem:openWithQQBrowser","menuItem:openWithSafari"]
            // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 
        });

        wx.onMenuShareAppMessage({
            title: '', // 分享标题
            desc: '', // 分享描述
            link: location.protocol+'//'+location.host+'/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: '', // 分享图标
            type: 'link', // 分享类型,music、video或link,不填默认为link
            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
            success: function () {
                // 用户点击了分享后执行的回调函数
                // alert('分享')
            }
        });
        wx.onMenuShareTimeline({//分享到朋友圈
            title: '', // 分享标题
            link: location.protocol+'//'+location.host+'/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl:'',// 分享图标
        });   
      

    });

 

2020-03-11 12:31:32 La_vie_est_belle 阅读数 249

第八节 在微信开发者工具和手机上调试

下载和配置微信开发者工具

构建运行

在微信开发者工具上调试

在手机上测试


虽然游戏能在Cocos Creator引擎的模拟器上正常运行,但这不代表移植到小程序上运行时不会有问题。为确保游戏上线后正常运行,我们必须要在微信开发者工具和手机上都进行调试。

 

下载和配置微信开发者工具

首先我们访问该官方链接下载对应自己系统的微信开发者工具:

下载安装完毕后,我们打开Cocos Creator的偏好设置:

点击原生开发环境,设置好WechatGame程序路径,点击保存。

注:在Windows上填入exe应用程序的路径,在Mac上填入app的路径。

NDK和Android SDK用于安卓游戏构建,大家可以忽略。

 

构建运行

实现微信小游戏排行榜实现微信小游戏好友分享功能这两篇文章中,笔者已经详细介绍了如何进行构建,大家可先阅读下。主要注意以下几点:

1. AppID(登录小程序后台获取)和子域文件夹名称填写正确:

注:先别点运行,等下面两点完成后留到最后再点,因为点击后就会直接打开微信开发者工具。

 

2. 子域文件构建并将build文件夹中的OpenDataDomain放入主域的wechatgame文件夹中。

注:如果子域文件修改,只需要重新构建子域并放入主域的wechatgame文件夹中,不需要重新构建主域文件;如果主域文件需要修改,重新构建主域并不会删除wechatgame中的子域文件夹(也就是说不需要重新构建子域文件)。两者互不干扰。

 

3. 用于分享的图片记得放在wechatgame/res/raw-assers 路径下。

 

此时我们再回到主域的构建面板,点击运行后就会打开微信开发者工具。

如果是第一次登录(或者登录过期),那么需要先扫码:

   

登录后显示如下:

再次点击构建面板的运行就可以进入调试页面了:

 

在微信开发者工具上调试

在玩了几局后,笔者并未发现逻辑和功能方面的问题,排行榜和好友分享也都正常(如果大家发现了请私信我)。

但是在UI布局上有一个很大的问题:就是暂停按钮被小程序界面自带的按钮给挡住了,导致我们无法点击暂停按钮 。所以我们应该想办法把暂停按钮移到其他地方去。

以下是新UI布局:

虽然丑了很多,但是至少不会影响到暂停功能。

 

大家可以使用清除缓存功能删除相应的数据,如果点了全部清除,那么就会重新回到第一次进入游戏时的状态了:

 

如果你的游戏中存在网络请求,可以点击详情->本地设置,勾选下面的"不校验合法域名"这一选项。

在实际项目中我们需要在小程序后台配置合法的服务器域名,这样网络请求才可以正常发出:

P.S. "ES6转ES5"选项是为了适应大部分机型(有些机型还无法正常执行ES6)。

 

在手机上调试

如果再开发者工具上测试正常,那么我们点击上传将游戏传到小程序后台:

注:如果提示代码包超过4mb,请大家按照实现微信小游戏排行榜教程在Cocos Creator引擎中将没有用到的模块给剔除掉(加上排行榜功能对小游戏的包大小影响比较大)。

此时在小程序后台的版本管理页面我们就可以发现上传的代码:

点击提交审核旁的向下箭头按钮,将该版本选为体验版:

弹出一个框让我们填写路径,不用管,直接点击提交按钮:

接着我们就可以通过扫描下方的二维码在手机上测试了:

 

一般来讲,在微信开发者工具上测试没有问题的话,在手机上应该也会正常。万一出现问题,大家可以点击"开发调试"按钮在手机上查看控制台输出情况(点击后需要重新打开游戏):

当然我们还可以邀请其他人来体验和测试游戏,只要把体验版的二维码发给别人就行了。

不过因为是体验版,所以其他人要玩的话还需要经过管理员的确认才行。

当别人扫码后,需要点击"申请体验":

  

然后管理员再确认通过:

 

当然管理员可以在小程序后台的成员管理页面提前将体验人员的微信号填入,这样就不需要上面的申请和确认步骤了:

 

2019-02-17 15:31:53 qq_37568942 阅读数 3632

微信分享在开发工具调试正常,但是在手机上就是不成功, 没有任何报错提示,看文档从2017年4月25日起,分享朋友圈和发送给朋友自定义分享链接,域名必须和当前页面对应公众号的安全域名一致,否则调用失败。

如图:当前页面对应安全域名为http://123.com,如果路径改成http://234.com或者其它都会失败(又不报错。。坑)